From ui-design-grounding
UIを本質へ削ぎ落とす。不要な要素・重複情報・過剰な装飾を削除し、情報を簡素化してUIをスリムにする。画面が複雑すぎる・情報が多すぎる・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/cognitive.mdui-design-grounding/reference/information-arch.mdui-design-grounding/reference/usability.mdui-design-grounding/reference/anti-patterns.md対象UI上のすべての要素を列挙し、以下を判断する:
| 要素 | ユーザーの目標達成に必要か | 代替手段はあるか | 削除可能か |
|---|---|---|---|
| ... | はい/いいえ | ... | ... |
以下の観点で不要な要素を特定する:
情報の重複:
装飾の過剰:
機能の過剰:
認知負荷:
段階的開示への変換:
<details>/<summary> や折りたたみパネルに移動情報の統合:
要素の削除:
レイアウトの簡素化:
## 削減結果
### 削除した要素
| 要素 | 理由 | 代替手段 |
|------|------|---------|
| ... | ... | ... |
### 段階的開示に変換
| 要素 | 変換方法 |
|------|---------|
| ... | ... |
### 統合した情報
| 統合前 | 統合後 |
|--------|--------|
| ... | ... |
### 削減前後の認知負荷比較
- 同時表示要素数: N → M
- ナビ項目数: N → M
- 主要アクション数: N → M
UI簡素化後、以下のコマンドスキルの実行を検討する:
/score-ui — 簡素化後のユーザビリティを評価/polish-ui — 簡素化後の細部を仕上げる