design-validation

What problem does it solve?

CSS/UIの変更後にブラウザでビジュアル確認を行う。レイアウト確認、余白チェック、デザイン要件との照合に使用。UIが崩れていないか確認したい時に呼び出す。

Core Features & Use Cases

• Visual inspection checklist: After CSS changes, verify that the UI remains consistent across themes, spacing, and alignment.
• Layout & grid validation: Ensure the grid layout (縦3列/横5列) matches the design; check header/footer sizes.
• Use Case: When you want to ensure UI fidelity after styling updates, use this Skill to generate a quick visual validation report.

Quick Start

Use the design-validation skill to visually verify the UI changes on the local dev server after editing CSS/JS, by loading the updated pages and checking the items from the design checklist in docs/要件定義書.md.