redesign

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

$ARGUMENTS を再設計します。ui-craft スキルを読み込み、references/craft-intent.md を読んでください。再設計は、古いコンテンツをまとったゼロからの構築ではありません。その価値の大部分は、何を意図的に残すかにあります。

ステップ1 — 既存の状態を監査する（意見を述べる前に）：

• 現在のソース（npx ui-craft-detect <path>）または公開ページ（npx ui-craft-detect <url>）で検出ツールを実行し、検出結果を記録します。
• 次の項目を棚卸しします：ページ／ルート、セクションの順序、見出し階層（h1–h3）、ナビゲーション構造、コンバージョン経路（CTA と遷移先）、フォーム、画像アセット、フォント、実際に使われている色の値。
• .ui-craft/brief.md があれば読みます。以前に指定された制約は引き続き有効です。

ステップ2 — 保持するものを分類する。ユーザーが明示的に希望しない限り、変更してはいけないもの：

• ブランド価値 — ロゴ、名称、ビジネスですでに広く使われている確立済みのパレット。採用済みのブランドカラーは維持します。色合いを適切なトークンスケールに調整することはできます。
• IA + SEO — URL／ルート、ページ構成、見出しのセマンティクス、タイトル／メタデータ、代替テキスト、構造化データ。見た目にかかわらず、オーガニックトラフィックを大きく損なう再設計は失敗です。
• コンテンツ + 文体 — 既存のコピーはビジネスについての情報です。構成は自由に変更できますが、許可なく文体を書き換えてはいけません。
• コンバージョン経路 — 現在存在するすべての CTA とフォームには、存在する理由があります。配置やスタイルは変えてもかまいませんが、黙って削除してはいけません。

ステップ3 — スコープを選び、明示する：

スコープ	変更内容	適用するケース
リフレッシュ	トークンのみ：文字サイズのスケール、余白のリズム、角丸、影、色の調整	サイトの構造に問題はなく、見た目が古くなっている
スキン変更	ビジュアルレイヤーとコンポーネントのスタイル。レイアウトの骨格とセクション順は維持	骨格は良いが、見た目が汎用的または古い
再構築	コンテンツ、IA、ブランドは引き継ぎつつ、レイアウトと構成も変更	レイアウト自体が問題になっている

明示された不満を解消できる、最小のスコープを標準とします。再構築の場合は、コードを書く前に変更前後のセクション構成を簡潔に示し、了承を得てください。

ステップ4 — Craft Read を宣言する： references/craft-intent.md に従って、サーフェスの種類、対象ユーザー、テーマ、DESIGN_VARIANCE、特徴的なアイデアを示します。再設計では、ブランドがすでに確立されているため、差異の度合いは4～5を標準とします。大胆さは新しいアイデンティティではなく、タイポグラフィと構成に反映させてください。

ステップ5 — 次の順序でモダナイズする： タイポグラフィ（references/typography.md に基づくスケールと組み合わせ）→ 余白のリズム → カラートークン（references/color.md）→ 画像の処理 → モーション（焦点となる箇所のみ、登場時／ホバー時）。その過程で、ステップ1で検出された問題をすべて修正してください。

禁止事項： 維持すべきブランドパレットを新しいものに置き換えること、ルートやページを削除すること、見た目のために見出しのセマンティクスを平坦化すること、依頼されていないのにコピーの文体を書き換えること、変更前より検出項目が増えた状態で再設計を公開すること。

出力： コードを直接編集する（リフレッシュ／スキン変更）か、まずセクション構成を提示する（再構築）。Review Format の表、検出ツールの変更前／変更後の件数を出力し、最後に Craft Read の行を記載してください。

次のステップ： /critique — 公開前に、モダナイズしたサーフェスの階層と Anti-Slop を確認します（第1段階）。