ui-ux-pro-max について
デザインシステム、実装、納品前レビューを体系的に支援する、デザイナーや開発者向けのUI/UXスキルです。範囲を限定したワークフローで、アクセシビリティ、レスポンシブ対応、操作状態、視覚的階層を確認します。
主な機能
- 01デザインシステムの指針
- 02技術スタック別の実装ヒント
- 03アクセシビリティとレスポンシブ対応の確認
- 04操作状態と視覚的階層のレビュー
- 05範囲を限定した可逆的ワークフロー
活用シーン
- 01制約を明確にしてUI/UXタスクを計画
- 02デザインシステムの成果物を作成
- 03納品前にデザインをレビュー
- 04レスポンシブ対応と操作性を確認
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ majiayu000/ spellbook --skill ui-ux-pro-maxインストール後、Claude Code で/ui-ux-pro-maxを入力して読み込まれたか確認します。
同梱ファイルreferences/full-guide.md
詳細
UI/UX Pro Max
高水準の UI/UX 設計ガイダンス、デザインシステムの生成、スタック固有の実装ヒント、納品前レビューには、このスキルを使用してください。
ルーティング
- まずここで、対象範囲、安全上の境界、最低限のワークフローを確認してください。
- 詳細なコマンドの実行、テンプレートの適用、このスキルの例に基づく作業の前に、
references/full-guide.mdを読み込んでください。 - 作業はユーザーが依頼した対象に限定してください。ユーザーから求められない限り、関連する改善を追加しないでください。
クイックワークフロー
- 対象、利用可能なコンテキスト、制約、完了の判断基準を確認してください。
- タスクの詳細について、
references/full-guide.mdの該当セクションを読んでください。 - 依頼を満たす、最小限で元に戻せる操作を実行してください。
- アクセシビリティ、レスポンシブ対応、インタラクションの状態、視覚的な階層、ユーザーが求めた具体的なデザインシステム成果物を確認してください。
- 変更したファイル、実行したコマンド、収集した証拠、残っているリスクを報告してください。
参考資料
references/full-guide.md- コマンドのパターン、例、チェックリスト、エッジケースの完全版。
コメント
Markdown 対応