スキル自身の言葉で
Baseline UIは、コードベース内でAI生成インターフェースの質の低下を止めるための、こだわりのUIベースラインを強制するレビュー用スキルです。React primitivesを使用するTailwind CSSプロジェクトを対象としており、会話内のあらゆるUI作業に対する恒常的な制約セットとして、またはファイル単位のレビューパスとしてインストールされます。
このスキルの特徴は、その語彙にあります。h-screenよりh-dvhを使う、見出しにはtext-balanceを使う、アニメーションはコンポジターのみで200ms以内に制限する、任意のz-indexの値を使わないなど、使うべき、または避けるべき正確なユーティリティとpropsを名指ししています。インターフェースの素早いクリーンアップや仕上げのパスが必要なときに使用してください。
生成されるもの
- 各違反がなぜ重要なのかを一文で説明します。
- それぞれの指摘事項に対する、コードレベルの具体的な修正案です。
仕組み
- 01会話全体の制約セットとして呼び出す
素のコマンドを実行すると、その会話内で行われるすべてのUI作業に対して、このファイルの制約が適用されます。1つのファイルだけではありません。
- 02あるいは単一ファイルを指定する
ファイルターゲットを渡すと、スキルはレビューモードに切り替わり、そのファイルを以下に列挙するすべての制約と照合して確認します。
- 033部構成の違反レポートを返す
各指摘事項では、問題のあるスニペットを引用し、なぜ問題なのかを短い一文で示し、コードレベルの修正案を提案します。
- 04制約グループを順番に確認する
このファイルは、ルールをStack、Components、Interaction、Animation、Typography、Layout、PerformanceおよびDesignに整理しており、それぞれにMUST、SHOULD、NEVERの項目が混在しています。