From ui-design-grounding
要件・仕様からUI/UXの構造と設計方針を整理する。画面構成・遷移・情報設計・ワーディング方向性を、実装を見据えた形で提案する。新規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/information-arch.mdui-design-grounding/reference/wording.mdui-design-grounding/reference/design-system.mdui-design-grounding/reference/design-tokens.mdui-design-grounding/reference/color-system.mdui-design-grounding/reference/accessibility.mdui-design-grounding/reference/typography.mdui-design-grounding/reference/spatial-layout.mdui-design-grounding/reference/responsive-design.md## UX目的
- ...
## 画面構成・遷移
- 画面一覧と各画面の役割
- 画面遷移フロー
- 各画面のUI状態
## 情報設計
- 情報の階層とグルーピング
- ナビゲーション構造
- 優先順位の考え方
## 判断軸・トレードオフ
- ...
## 注意点・リスク
- ...
## 推奨される次のステップ
- `/implement-ui`（設計構造をコンポーネント分解・実装プランへ翻訳）
- `/init-design`（デザインシステム未整備の場合、DESIGN.md を生成して設計基盤を定義）