boost-ui

boost-ui

準備（MANDATORY PREPARATION）

ui-design-grounding スキルを呼び出し、以下のリファレンスを読み込む:

• ui-design-grounding/reference/typography.md
• ui-design-grounding/reference/color-system.md
• ui-design-grounding/reference/spatial-layout.md
• ui-design-grounding/reference/motion-design.md
• ui-design-grounding/reference/anti-patterns.md

手順

1. 現在の印象を多軸で評価

軸	現状レベル（1-5）	増幅余地
タイポグラフィの個性	?	フォント選定、サイズコントラスト、ウェイト差
色の大胆さ	?	彩度、アクセント面積、コントラスト
空間のドラマ	?	余白の対比、非対称性、要素サイズ差
モーション	?	アニメーション有無、トランジション
視覚効果	?	シャドウ、深度、テクスチャ

2. 増幅の方向性を決定

• 全軸を均等に上げるのではなく、1-2軸に集中する
• 明確なコンセプト方向を1つ設定する（例: 「大胆なタイポグラフィ主導」「色彩の戦略的強調」）

3. 具体的な変更を実施

タイポグラフィ:

• より個性的なフォントへの変更（typography.md の推奨リストから）
• サイズ比率の拡大（1.5 Perfect Fifth 等の大きめ比率）
• ウェイト差の強調（Light × Bold の対比）

色:

• アクセントカラーの面積拡大（10%→15-20%）
• 彩度の戦略的な調整
• コントラストの強化（背景と前景の差を広げる）

空間:

• 余白の対比を強める（密集グループ × 大きな余白）
• 非対称レイアウトの導入
• 要素サイズの差を拡大（3:1+ 比率）

モーション:

• エントランスアニメーション追加
• マイクロインタラクション（ホバー、クリック）
• シグネチャアニメーション1つ

4. AI slop チェック

anti-patterns.md の AI生成UI品質ゲートで確認:

• 増幅がテンプレート的（パープルグラデーション、グラスモーフィズム等）に陥っていないか
• 意図的な個性が出ているか

5. バランス検証

• 大胆 ≠ 混沌: 一貫性は維持しつつ個性を出す
• 視覚階層が壊れていないか確認
• アクセシビリティ（コントラスト比）を維持しているか確認

出力フォーマット

## Boost 結果

### 増幅方針
- コンセプト方向: ...
- 集中した軸: ...

### 現状 → 変更後
| 軸 | Before (1-5) | After (1-5) | 変更内容 |
|----|-------------|-------------|---------|
| タイポグラフィの個性 | X | Y | ... |
| 色の大胆さ | X | Y | ... |
| 空間のドラマ | X | Y | ... |
| モーション | X | Y | ... |
| 視覚効果 | X | Y | ... |

### AI slop チェック
- 該当パターン数: N/9
- 判定: 問題なし / 要修正

### 要検討（人間の判断が必要）
- [箇所]: [選択肢とトレードオフ]

推奨される次のステップ

増幅後の品質確認として、以下のコマンドスキルの実行を検討する:

• /audit-ui — 増幅がアクセシビリティやパフォーマンスに影響していないか確認
• /polish-ui — 増幅後の細部を仕上げる