distill

コンテキスト： このサブスキルは、より広範な ui-craft スキルを構成する視点の一つです。ui-craft スキルもインストールされている場合は、まずその SKILL.md を読み、Discovery + Anti-Slop + Craft Test を確認してから、以下の特定の視点を適用してください。

$ARGUMENTS にある UI を本質にまで絞り込みます。ui-craft スキルを読み込んでください。

すべてのセクション、コンポーネント、プロパティ、単語に対するテスト：

これは、ユーザーが抱いている疑問に答えるものですか、またはユーザーが実行する必要のある行動を促すものですか？そうでなければ、削除してください。

ノブの調整（CRAFT_LEVEL）：

• ≤ 4 → さらに積極的に削り、行動を直接促さないものはすべて取り除きます。
• 5-7 → 以下のテストに沿って標準的に削ります。
• 8+ → 行動を直接促さなくても、印象に残る特徴は維持します。デザインらしさを生む、記憶に残る一つの要素は残します。

徹底して適用してください：

1. コンテンツ — 長文のかたまり → ランディングページの各セクションで最大2～3文にします。曖昧な推薦文 → 具体的な指標に置き換えるか、削除します。12項目ある「機能」一覧 → 重要な4項目を選びます。仮の文章 → 実際の文章にするか、削除します。
2. 構造 — 同じ形のカードグリッド → 実際のビジュアルを使った非対称の行にします。競合するCTAが3つ → 主CTAを1つ、副CTAを1つにします。パンくずリスト + タイトル + サブタイトル + 説明 + アイコン → 重要な2つを選びます。
3. ビジュアル — 装飾的なグラデーションの図形 → 削除します。意味を持たない背景パターン → 削除します。重複するアイコン → 削除します。
4. 視覚的な重みを軽減 — 見出しがウェイト800／72px／トラッキング-0.04emで主張しすぎている場合は、調整します：800 → 600、72 → 56、-0.04 → -0.02。階層はなくさず、差を縮めます。強いドロップシャドウは、アンビエント＋ダイレクト（references/modern-css.md）または1pxのボーダーに置き換えます。両方は使いません。すべてのセクションが全面表示で高コントラストなら、一部に余白を持たせます。
5. コード — 未使用のプロパティ、不要な分岐、コメントアウトされたブロック、console.log、チケットのないTODOメモは削除します。
6. Anti-Slopとの重複 — SKILL.md の Anti-Slop Test に該当するものがあれば、最初に削除します。

重複するコマンド： 色の使いすぎ（アクセントカラーが多すぎる、装飾的な色）には /colorize を使います。動きのノイズには、MOTION_INTENSITY ≤ 3 で /animate を使います。

出力：

• コードを直接編集します。
• 削除したものとその理由を表にまとめて報告します。

削除したもの	理由

• 最後に1行の差分を記載します：「変更前：Nセクション／Mコンポーネント／X行。変更後：…」

ガードレール： アクセシビリティのための要素（ラベル、フォーカススタイル、エラーテキスト、動きを減らす設定へのフォールバック）は削除しないでください。これらは常に必要です。

次のステップ： /polish — 削減後に残ったものに細部を加えます（ラング1）。