VercelスキルでUIを確認：3件の発見記録
CodexがVercel公式スキルを読み、意図的な3問題を持つ小さなHTMLを確認しました。タスク、発見、版、原記録からレビューを再現できます。
何をレビューした？
スキルはAI向けの作業手順書です。2026-10-13にこのCodexでVercelのweb-design-guidelinesを使い、3問題を仕込んだ36行のHTMLを確認しました。
公式スキルと指定の最新規則を読み、変更せずにファイル・行で報告するタスクです。問題は練習用サンプルのものです。
Vercel公式web-design-guidelinesでweb-design-guidelines.htmlを読み取り専用で確認してください。SKILL.md全体、指定の最新規則、外部指示、HTML全体を読み、すべての規則を適用します。実際の問題をファイル・行で示し、変更しないでください。スキルをどう使った？
既存のWeb読み取り・ファイルツールを使いました。Skills CLIやスキルパッケージの導入、リポジトリスクリプトの実行はしていません。
- 公式SKILL.md全体を読み、外部指示がレビュー範囲を超えないか確認しました。
- 指定のWeb Interface Guidelinesを取得し、コミットとファイルのハッシュを記録しました。
- サンプル全体、行番号、関連語を調べ、全規則カテゴリを確認して報告しました。
実際の発見
test/fixtures/plugin-practice/web-design-guidelines.html:31: 入力欄に支援技術向けの名前を付けるlabelまたはaria-labelがありません。
test/fixtures/plugin-practice/web-design-guidelines.html:16: outline: noneが入力欄のフォーカス表示を消し、代替もありません。
test/fixtures/plugin-practice/web-design-guidelines.html:32: クリック用divが使われ、ネイティブbuttonのフォーカスとキーボード操作に対応していません。
既知の3問題をすべて記録しました。サンプルや利用者の実ページは変更していません。
レビューを再現する
- HTMLサンプルをweb-design-guidelines.htmlとして開くか保存します。
- ファイルと公式スキルのリンクを、読み取り可能なアシスタントに渡し、指定の最新規則を使う読み取り専用レビューを依頼します。
- 入力名、見えるフォーカス、クリックdivを原記録と比較します。サンプルや規則の版が変わると結果も異なり得ます。
バージョンと制限
確認日：2026-10-13。スキル申告版：1.0.0。スキルコミット：063bee94c3f4df8453406c830b0a7df0f2860278。規則コミット：434b7f91364665f2f733b310ec54809bf8f37937。
公式スキルを読んで行ったコード確認の記録です。導入、スクリーンリーダー、実機、完全なアクセシビリティ準拠は未検証です。モデルの評価ではなく、具体的なモデル版も確認していません。