원클릭으로 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

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.

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