レイアウトの品質、タイポグラフィー、色の使用、間隔、応答性の高い動作、ブランドの一貫性、視覚的な階層について Web デザインをレビューします。設計原則の評価と改善に関する推奨事項について説明します。開発前に設計モックアップをレビューする場合、実装されたサイトの設計品質を評価する場合、設計レビュー セッション中にフィードバックを提供する場合、ブランドの一貫性を評価する場合、またはブレークポイント全体での応答動作を確認する場合に使用します。
コマンドラインで review-web-design AI スキルを開発環境にすばやくインストール
ソース: pjt222/development-guides。
Evaluate a web design for visual quality, consistency, and effectiveness across devices.
Visual hierarchy guides the user's eye through content in order of importance.
Expected: Each major page/section assessed for clear visual hierarchy. On failure: If mockups are unavailable, assess from live code using browser dev tools.
レイアウトの品質、タイポグラフィー、色の使用、間隔、応答性の高い動作、ブランドの一貫性、視覚的な階層について Web デザインをレビューします。設計原則の評価と改善に関する推奨事項について説明します。開発前に設計モックアップをレビューする場合、実装されたサイトの設計品質を評価する場合、設計レビュー セッション中にフィードバックを提供する場合、ブランドの一貫性を評価する場合、またはブレークポイント全体での応答動作を確認する場合に使用します。 ソース: pjt222/development-guides。
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/pjt222/development-guides --skill review-web-designレイアウトの品質、タイポグラフィー、色の使用、間隔、応答性の高い動作、ブランドの一貫性、視覚的な階層について Web デザインをレビューします。設計原則の評価と改善に関する推奨事項について説明します。開発前に設計モックアップをレビューする場合、実装されたサイトの設計品質を評価する場合、設計レビュー セッション中にフィードバックを提供する場合、ブランドの一貫性を評価する場合、またはブレークポイント全体での応答動作を確認する場合に使用します。 ソース: pjt222/development-guides。
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/pjt222/development-guides --skill review-web-design インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/pjt222/development-guides