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） | 具体的な問題 |
|---|---|---|
| 色の過剰 | ? | 彩度過高、アクセント色多数、グラデーション乱用 |
| 装飾の過剰 | ? | シャドウ、ボーダー、背景パターン、アイコン過多 |
| タイポグラフィの過剰 | ? | フォント種類多数、ウェイト・サイズバリエーション過多 |
| モーションの過剰 | ? | アニメーション過多、不要なトランジション |
| レイアウトの過剰 | ? | カードネスト、密集、要素過多 |
色:
装飾:
タイポグラフィ:
モーション:
レイアウト:
## Calm 結果
### 削減方針
- 残す核: ...
- 削減対象: ...
### 現状 → 変更後
| 軸 | Before (1-5) | After (1-5) | 変更内容 |
|----|-------------|-------------|---------|
| 色の過剰 | X | Y | ... |
| 装飾の過剰 | X | Y | ... |
| タイポグラフィの過剰 | X | Y | ... |
| モーションの過剰 | X | Y | ... |
| レイアウトの過剰 | X | Y | ... |
### 確認済み（問題なし）
- [チェック項目]
### 要検討（人間の判断が必要）
- [箇所]: [選択肢とトレードオフ]
削減後の品質確認として、以下のコマンドスキルの実行を検討する:
/score-ui — 削減によりユーザビリティが損なわれていないか確認/polish-ui — 削減後の細部を仕上げる