mcpField
U
ui-ux-pro-max

ui-ux-pro-max

github.com/majiayu000デザイン・UI28875 回インストール2 日前に更新
リポジトリ

ui-ux-pro-max について

デザインシステム、実装、納品前レビューを体系的に支援する、デザイナーや開発者向けのUI/UXスキルです。範囲を限定したワークフローで、アクセシビリティ、レスポンシブ対応、操作状態、視覚的階層を確認します。

主な機能

  1. 01デザインシステムの指針
  2. 02技術スタック別の実装ヒント
  3. 03アクセシビリティとレスポンシブ対応の確認
  4. 04操作状態と視覚的階層のレビュー
  5. 05範囲を限定した可逆的ワークフロー

活用シーン

  1. 01制約を明確にしてUI/UXタスクを計画
  2. 02デザインシステムの成果物を作成
  3. 03納品前にデザインをレビュー
  4. 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 を読み込んでください。
  • 作業はユーザーが依頼した対象に限定してください。ユーザーから求められない限り、関連する改善を追加しないでください。

クイックワークフロー

  1. 対象、利用可能なコンテキスト、制約、完了の判断基準を確認してください。
  2. タスクの詳細について、references/full-guide.md の該当セクションを読んでください。
  3. 依頼を満たす、最小限で元に戻せる操作を実行してください。
  4. アクセシビリティ、レスポンシブ対応、インタラクションの状態、視覚的な階層、ユーザーが求めた具体的なデザインシステム成果物を確認してください。
  5. 変更したファイル、実行したコマンド、収集した証拠、残っているリスクを報告してください。

参考資料

  • references/full-guide.md - コマンドのパターン、例、チェックリスト、エッジケースの完全版。

コメント