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/interaction.mdui-design-grounding/reference/typography.mdui-design-grounding/reference/color-system.mdui-design-grounding/reference/spatial-layout.mdui-design-grounding/reference/anti-patterns.mdui-design-grounding/reference/accessibility.mdui-design-grounding/reference/responsive-design.mdui-design-grounding/reference/wording.mdui-design-grounding/reference/design-tokens.mdui-design-grounding/reference/motion-design.md以下のチェックリストを順に確認し、問題があれば即座に修正する。
:focus-visible スタイル(2-3px、3:1コントラスト)修正を実施しつつ、以下のサマリーを提供する:
## Polish 結果
### 修正済み
- [箇所]: [修正内容]
### 確認済み(問題なし)
- [チェック項目]
### 要検討(人間の判断が必要)
- [箇所]: [選択肢とトレードオフ]
### 推奨される次のステップ
- `/score-ui`(仕上げ後のUXヒューリスティクス最終評価 — ユーザビリティに悪影響がないか確認)