ワンクリックでManusで任意のスキルを実行

ui-resilient-accessibility

スター55

フォーク36

更新日2026年5月6日 02:07

Build and review UI components for robust accessibility and runtime resilience, including semantic structure, keyboard support, loading and error states, retry flows, and predictable async behavior.

インストール

Codex または Claude でインストールこの Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。

Manusで実行

ソース

LazyAGI

LazyAGI/LazyMind

GitHub リポジトリを開く Creator のリポジトリを見る

ダウンロード

Manusで実行

UI Resilient Accessibility

Use this skill when a UI must remain usable, accessible, and stable under imperfect conditions.

When to use

Shipping new pages, complex components, or interactive widgets.
Fixing regressions caused by async loading, race conditions, or keyboard traps.
Preparing admin or customer-facing UI for production readiness.

Core principles

Semantics first: prefer native HTML elements before custom role emulation.
Keyboard complete: every actionable element must be operable without a mouse.
State explicitness: always define loading, empty, success, and error states.
Async predictability: handle cancellation, stale responses, and rapid re-requests.
Failure recovery: give users clear next steps and safe retry behavior.

Delivery workflow

Define state model for each async view before coding UI details.
Implement semantic markup and accessible names for controls and regions.
Add focus management for dialogs, drawers, and route transitions.
Guard against out-of-order responses and set-state-after-unmount issues.
Provide clear empty and error messages with retry paths.
Validate with keyboard-only walkthrough and screen-reader-friendly labels.

Reliability checks

Disable unsafe repeat actions while requests are pending.
Ensure retries do not duplicate side effects for non-idempotent operations.
Render skeleton or loading indicators that do not shift layout excessively.
Preserve critical user context after transient failures.
Fail closed for privileged actions when permission data is uncertain.

Accessibility checks

One clear page heading hierarchy.
Inputs have associated labels and error text linked via aria-describedby.
Modals trap focus and restore focus on close.
Contrast and focus indicators are visible.
Announce async status changes where needed (aria-live).

Suggested checks

rg -n "aria-|role=|tabIndex|onKeyDown|onKeyUp|onClick" frontend/src
rg -n "loading|isLoading|error|retry|empty|skeleton" frontend/src
rg -n "useEffect|AbortController|cleanup|unmount|stale" frontend/src

このリポジトリの他の Skills

同じリポジトリ

deep-research

LazyAGI/LazyMind

Use only when the user explicitly requests comprehensive multi-source research, such as "research X", "deep dive into X", "comprehensive review of X", "systematic comparison between X and Y", "investigate the landscape of X", or Chinese equivalents like "调研一下X", "深入研究X", "全面对比X与Y", "X的详细综述", "深度调查X". Do NOT trigger for simple questions, how-to guidance, ordinary recommendations, or content creation merely because research could improve the answer. Follow the source priorities supplied by the system and the user.

2026-07-1855

single-document-review

LazyAGI/LazyMind

Use this skill when the user requests to review, analyze, critique, or summarize a SINGLE academic paper, general document, internal report, proposal, or web article. Supports comprehensive structured reviews covering methodology/logic assessment, strengths, weaknesses, and constructive feedback. Retrieves content using native tools (`url_fetch`, `kb_search`, `arxiv_search`) and outputs the analysis directly in the chat.

2026-06-0555

systematic-document-and-literature-review

LazyAGI/LazyMind

Use this skill when the user wants a systematic review, thematic synthesis, or cross-document analysis across multiple academic papers OR provided general documents (reports, internal memos, web articles). Retrieves sources via arXiv, internal Knowledge Base (KB), or direct URLs. Analyzes the content within the current context and outputs a fully structured synthesis report directly in the chat.

2026-06-0555

paper-search

LazyAGI/LazyMind

Primary skill for searching, retrieving, and reading academic papers from arXiv.

2026-06-0555

sciverse-paper-search

LazyAGI/LazyMind

Use this skill for scientific literature search, evidence retrieval, paper metadata screening, and cited research synthesis with Sciverse. This LazyLLM-adapted version supports SciverseSearch search, meta_search, meta_catalog, and get_content only; it does not assume full Sciverse MCP resource or attachment APIs are available.

2026-06-0555

ui-safe-form-patterns

LazyAGI/LazyMind

Implement or refactor UI forms with defense-in-depth validation, safe input handling, reliable submission behavior, and privacy-aware error handling. Use when building login, registration, profile, payment, admin, or file-upload forms.

2026-05-0655

UI Resilient Accessibility

Use this skill when a UI must remain usable, accessible, and stable under imperfect conditions.

When to use

Shipping new pages, complex components, or interactive widgets.

Fixing regressions caused by async loading, race conditions, or keyboard traps.

Preparing admin or customer-facing UI for production readiness.

Core principles

Semantics first: prefer native HTML elements before custom role emulation.

Keyboard complete: every actionable element must be operable without a mouse.

State explicitness: always define loading, empty, success, and error states.

Async predictability: handle cancellation, stale responses, and rapid re-requests.

Failure recovery: give users clear next steps and safe retry behavior.

Delivery workflow

Define state model for each async view before coding UI details.

Implement semantic markup and accessible names for controls and regions.

Add focus management for dialogs, drawers, and route transitions.

Guard against out-of-order responses and set-state-after-unmount issues.

Provide clear empty and error messages with retry paths.

Validate with keyboard-only walkthrough and screen-reader-friendly labels.

Reliability checks

Disable unsafe repeat actions while requests are pending.

Ensure retries do not duplicate side effects for non-idempotent operations.

Render skeleton or loading indicators that do not shift layout excessively.

Preserve critical user context after transient failures.

Fail closed for privileged actions when permission data is uncertain.

Accessibility checks

One clear page heading hierarchy.

Inputs have associated labels and error text linked via aria-describedby.

Modals trap focus and restore focus on close.

Contrast and focus indicators are visible.

Announce async status changes where needed (aria-live).

Suggested checks

name	ui-resilient-accessibility
description	Build and review UI components for robust accessibility and runtime resilience, including semantic structure, keyboard support, loading and error states, retry flows, and predictable async behavior.