メニュー
Make Design Studio artifacts responsive, keyboard operable, semantically correct, and readable across common viewport and input conditions.
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
SOC 職業分類に基づく
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。
npx skills add https://github.com/juspay/xyne-spaces --skill responsive-accessibilityコマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。
ローカルで確認しますか？SkillsMP が現在取得できるファイルをダウンロードできます。
SKILL.md を表示中
Create, regenerate, update, and review Xyne Spaces ticket Specifications by interviewing for requirement intent before drafting or writing the Specification.
Validate a Design Studio HTML artifact in the sandbox browser, fix rendering and runtime defects, then deliver exactly the tested file.
Build truthful self-contained dashboard snapshots from connected MCP/data tools or user-provided datasets. Use for /dashboard runs that query real metrics, render charts or operational summaries, and may be refreshed by scheduled jobs.
| name | responsive-accessibility |
| description | Make Design Studio artifacts responsive, keyboard operable, semantically correct, and readable across common viewport and input conditions. |
Treat mobile and accessibility as design inputs, not cleanup.
:focus-visible, hover, active, disabled, and error states.prefers-reduced-motion and do not rely on hover for essential info.Validate at approximately 1440px, 1024px, 768px, and 390px widths. Check for horizontal overflow, clipped text, inaccessible menus, and reflow problems.