mcpField
A
admin-ui-builder

admin-ui-builder

github.com/sergekostenchukデザイン・UI3255 回インストール18 週間前に更新
リポジトリ

admin-ui-builder について

admin-ui-builderは、既存の管理アーキテクチャ契約に沿って管理画面を設計するスキルです。権限やセキュリティ、破壊的操作の状態を考慮し、実装への引き継ぎを支援します。

主な機能

  1. 01管理画面仕様の定義
  2. 02ローカルUI実装の引き継ぎ
  3. 03ロード・エラー状態の網羅
  4. 04権限・監査状態の反映
  5. 05破壊的操作の確認要件

活用シーン

  1. 01フォーム、テーブル、フィルターの仕様作成
  2. 02空・ロード・エラー画面の計画
  3. 03管理UI実装タスクの整理

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/sergekostenchuk/ui-ux-agent-skill-system --skill admin-ui-builder

インストール後、Claude Code で/admin-ui-builderを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

agents/
openai.yaml
assets/
admin-screen-spec.template.md
evals/
evals.json
references/
admin-ui-build-contract.md

詳細

管理 UI ビルダー

このスキルは、既存の管理アーキテクチャ契約に基づいて、管理 UI の画面を構築または仕様化します。

動作モード

  • screen-spec：管理画面、状態、フォーム、テーブル、フィルター、バリデーションを定義します。
  • implementation-handoff：ローカル UI の実装タスクを準備します。
  • state-coverage：空、読み込み中、エラー、権限拒否、監査、確認の各状態を網羅します。

必須ワークフロー

  1. references/admin-ui-build-contract.md を読みます。
  2. assets/admin-screen-spec.template.md を使用します。
  3. admin-ui-orchestrator からロール、権限、破壊的な操作、監査要件を確認します。
  4. 見た目のシンプルさを優先して、セキュリティや権限の状態を隠してはいけません。

安全ルール

  • 本番環境で管理操作による変更を実行してはいけません。
  • 破壊的な操作にはすべて、明示的な確認 UI とロールバック／監査の手順が必要です。
  • UI の例で、シークレット、トークン、顧客の個人データ、生ログを決して公開してはいけません。

バリデーション

python3 $CODEX_HOME/skills/.system/skill-creator/scripts/quick_validate.py $CODEX_HOME/skills/admin-ui-builder
python3 $CODEX_HOME/skills/senior-skill-architect/scripts/lint_production_skill.py $CODEX_HOME/skills/admin-ui-builder
python3 -m json.tool $CODEX_HOME/skills/admin-ui-builder/evals/evals.json >/dev/null

コメント

Markdown 対応