web-design-reviewer
✓このスキルを使用すると、ローカルまたはリモートで実行されている Web サイトを視覚的に検査して、設計上の問題を特定して修正できます。 「Web サイトのデザインをレビューする」、「UI をチェックする」、「レイアウトを修正する」、「デザインの問題を見つける」などのリクエストがトリガーされます。レスポンシブ デザイン、アクセシビリティ、視覚的な一貫性、レイアウトの破損に関する問題を検出し、ソース コード レベルで修正を実行します。
SKILL.md
This skill enables visual inspection and validation of website design quality, identifying and fixing issues at the source code level.
Please provide the URL of the website to review (e.g., http://localhost:3000)
| Framework | Are you using React / Vue / Next.js, etc.? | | Styling Method | CSS / SCSS / Tailwind / CSS-in-JS, etc. | | Source Location | Where are style files and components located? | | Review Scope | Specific pages only or entire site? |
このスキルを使用すると、ローカルまたはリモートで実行されている Web サイトを視覚的に検査して、設計上の問題を特定して修正できます。 「Web サイトのデザインをレビューする」、「UI をチェックする」、「レイアウトを修正する」、「デザインの問題を見つける」などのリクエストがトリガーされます。レスポンシブ デザイン、アクセシビリティ、視覚的な一貫性、レイアウトの破損に関する問題を検出し、ソース コード レベルで修正を実行します。 ソース: github/awesome-copilot。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/github/awesome-copilot --skill web-design-reviewer- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
web-design-reviewer とは？
このスキルを使用すると、ローカルまたはリモートで実行されている Web サイトを視覚的に検査して、設計上の問題を特定して修正できます。 「Web サイトのデザインをレビューする」、「UI をチェックする」、「レイアウトを修正する」、「デザインの問題を見つける」などのリクエストがトリガーされます。レスポンシブ デザイン、アクセシビリティ、視覚的な一貫性、レイアウトの破損に関する問題を検出し、ソース コード レベルで修正を実行します。 ソース: github/awesome-copilot。
web-design-reviewer のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/github/awesome-copilot --skill web-design-reviewer インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/github/awesome-copilot
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-01