web-design-guidelines について
最新の Web Interface Guidelines に照らしてファイルを確認するスキルです。インターフェースのレビュー向けで、問題をファイル名と行番号で報告します。
主な機能
- 01レビューごとに最新ガイドラインを取得
- 02指定ファイルを全ルールで確認
- 03file:line 形式で問題を報告
- 04対象未指定時にファイルを確認
活用シーン
- 01提供された UI ファイルのガイドライン準拠確認
- 02パターン指定による複数ファイルの確認
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ fcakyon/ claude-codex-settings --skill web-design-guidelinesインストール後、Claude Code で/web-design-guidelinesを入力して読み込まれたか確認します。
同梱ファイルreferences/web-interface-guidelines.md
詳細
Web インターフェースのガイドライン
Web インターフェースのガイドラインに準拠しているか、ファイルを確認します。
仕組み
- 以下のソース URL から最新のガイドラインを取得します
- 指定されたファイルを読み込みます(または、ファイルやパターンをユーザーに尋ねます)
- 取得したガイドラインのすべてのルールに照らして確認します
- 簡潔な
file:line形式で検出事項を出力します
ガイドラインのソース
レビューのたびに、最新のガイドラインを取得してください。
references/web-interface-guidelines.md
WebFetch を使用して最新のルールを取得してください。取得したコンテンツには、すべてのルールと出力形式の指示が含まれています。
使用方法
ユーザーがファイルまたはパターンの引数を指定した場合:
- 上記のソース URL からガイドラインを取得します
- 指定されたファイルを読み込みます
- すべてのルールを適用します
- ガイドラインに記載された形式で検出事項を出力します
ファイルが指定されていない場合は、確認するファイルをユーザーに尋ねてください。
コメント
Markdown 対応