メニュー
Use when: reviewing or fixing frontend UI layout, responsive design, accessibility, visual consistency, or mobile display issues.
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
SOC 職業分類に基づく
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。
npx skills add https://github.com/mochan-tk/20260511-line-dc-handson-event --skill web-design-reviewerコマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。
ローカルで確認しますか？SkillsMP が現在取得できるファイルをダウンロードできます。
SKILL.md を表示中
Use when: implementing frontend web apps with HTML, CSS, TypeScript, React, accessibility, responsive layout, or performance concerns.
Use when: testing frontend behavior in a browser with Playwright, screenshots, console logs, forms, navigation, or responsive checks.
| name | web-design-reviewer |
| description | Use when: reviewing or fixing frontend UI layout, responsive design, accessibility, visual consistency, or mobile display issues. |
| argument-hint | 確認したいURLや画面 |
github/awesome-copilot の web-design-reviewer を参考にした、画面確認とUI修正向けの軽量スキルです。