baseline-ui

baseline-ui

カタログのスタブ — 完全版のスキル：ibelick/ui-skills

判断ツリー

1. 完全版のスキルはすでにインストールされていますか？

   • グローバル：f=~/.agents/skills/baseline-ui/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
   • プロジェクト：f=.agents/skills/baseline-ui/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
   • installed → スキルは baseline-ui としてインストールされています。それを呼び出して続行します
   • pointer → 手順 2 に進みます

2. スコープを検出してからインストールします：

   [ -e ~/.agents/skills/baseline-ui ] && echo "global" || echo "project"
   

   グローバル：

   npx skills add ibelick/ui-skills --skill baseline-ui -g -y
   

   プロジェクト：

   npx skills add ibelick/ui-skills --skill baseline-ui -y
   

   Claude Code： 会話から離れずにコマンドを実行するには、チャットメッセージの先頭に ! を付けて送信します。

ご注意

• ライセンス： MIT

インストール後の呼び出し

• スキル名：baseline-ui
• スラッシュコマンド：/baseline-ui（この会話での UI 作業にベースラインを適用）、/baseline-ui <file>（ファイルをレビューし、違反と修正案を一覧表示）
• トリガーフレーズ：「baseline UI」、「animation validation」、「typography scale」、「Tailwind anti-patterns」

機能

AI が生成する質の低いインターフェースを防ぐため、独自の UI ベースラインを適用します。ルールは MUST／SHOULD／NEVER の制約として記述され、Tailwind CSS のスタック、アクセシブルなコンポーネントのプリミティブ、インタラクションパターン（破壊的操作のダイアログ、読み込みスケルトン、安全領域）、アニメーションの制限（コンポジターのみで処理されるプロパティ、短いフィードバック時間、動きの低減）、タイポグラフィ（バランスの取れた見出し、等幅数字）、レイアウト（固定の z-index スケール）、パフォーマンス、デザイン上の抑制（紫のグラデーションを使わない、主要なアフォーダンスとしてグローを使わない）を対象としています。ファイルを指定すると、違反箇所のスニペット、重要な理由、具体的な修正案を報告します。

使用しないケース

• WCAG の完全な監査や、キーボードおよびスクリーンリーダーに関する修正 → accessibility-catalogue を使用します
• Tailwind を使わない UI、または Web 以外の UI（SwiftUI、Android） → swiftui-design-skill または material-3-skill を使用します
• 継続的な批評コマンドと、より大規模なデザインツールチェーン → impeccable を使用します