用途
Vercel Web Design Guidelines は UI のソースファイルを現行の Web Interface Guidelines と照合します。最新の規則を取得し、操作、アクセシビリティ、文言、画面の細部を確認して、ファイル名と行番号で指摘します。
利用場面
実装中のフォーム、ナビゲーション、ボタン、ページの確認に使えます。対象ファイルやパスを指定します。
使用例
例えば決済フォームを確認し、ラベル、エラー表示、キーボード操作に関する指摘を行番号付きで示すよう依頼します。
これは仮の使用例で、当サイトでは検証していません。
制限
審査はその時点で取得した規則と読めるソースに依存します。行番号付きの指摘はブラウザー、支援技術、利用者によるテストの代わりにはなりません。
導入方法
公式ガイドにある Skills CLI コマンドです。審査には現行規則へのアクセスも必要です。
npx skills add https://github.com/vercel-labs/agent-skills --skill web-design-guidelines対応環境で自分で実行してください。このページを開いても Skill は導入されません。