web-design-guidelines について
ウェブインターフェースの作成や改善に向けたエージェント用デザインスキルです。レスポンシブレイアウト、アクセシビリティ、視覚的階層の指針を示します。
主な機能
- 01レスポンシブレイアウトの原則
- 02アクセシビリティの指針
- 03視覚的階層の判断
活用シーン
- 01ウェブインターフェースの設計
- 02インターフェースのアクセシビリティ改善
- 03レスポンシブパターンの選択
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/インストール後、Claude Code で/web-design-guidelinesを入力して読み込まれたか確認します。
詳細
Web デザインガイドライン
レスポンシブレイアウト、アクセシビリティ、視覚的階層のための最新の Web デザイン原則です。
使用する場面
- 洗練された Web インターフェースを作成する
- アクセシビリティを向上させる
- レスポンシブデザインのパターンを取り入れる
- 視覚的階層を検討する
出典
このスキルは、Vercel の agent-skills のパターンを参照しています。
コメント
Markdown 対応