From ui-design-grounding
安全すぎる・無難すぎるUIデザインの印象を強める。フォントの個性・色の大胆さ・空間的ドラマ・視覚効果・モーションを意図的に増幅する。デザインが地味・退屈・テンプレート的・印象が弱いと感じたときに使用する。
npx claudepluginhub nextscape/ns-plugins --plugin ui-design-groundingThis skill uses the workspace's default tool permissions.
ui-design-grounding スキルを呼び出し、以下のリファレンスを読み込む:
Guides Next.js Cache Components and Partial Prerendering (PPR) with cacheComponents enabled. Implements 'use cache', cacheLife(), cacheTag(), revalidateTag(), static/dynamic optimization, and cache debugging.
Guides building MCP servers enabling LLMs to interact with external services via tools. Covers best practices, TypeScript/Node (MCP SDK), Python (FastMCP).
Generates original PNG/PDF visual art via design philosophy manifestos for posters, graphics, and static designs on user request.
ui-design-grounding スキルを呼び出し、以下のリファレンスを読み込む:
ui-design-grounding/reference/typography.mdui-design-grounding/reference/color-system.mdui-design-grounding/reference/spatial-layout.mdui-design-grounding/reference/motion-design.mdui-design-grounding/reference/anti-patterns.md| 軸 | 現状レベル（1-5） | 増幅余地 |
|---|---|---|
| タイポグラフィの個性 | ? | フォント選定、サイズコントラスト、ウェイト差 |
| 色の大胆さ | ? | 彩度、アクセント面積、コントラスト |
| 空間のドラマ | ? | 余白の対比、非対称性、要素サイズ差 |
| モーション | ? | アニメーション有無、トランジション |
| 視覚効果 | ? | シャドウ、深度、テクスチャ |
タイポグラフィ:
色:
空間:
モーション:
anti-patterns.md の AI生成UI品質ゲートで確認:
## 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 — 増幅後の細部を仕上げる