mcpField
A
admin-ui-builder

admin-ui-builder

github.com/sergekostenchukDesign & UI3255 installsUpdated 18w ago
Repository

About admin-ui-builder

admin-ui-builder is a skill for specifying admin screens within an existing architecture contract. It helps teams plan UI states and implementation handoffs while accounting for permissions, security, and destructive actions.

Key features

  1. 01Define admin screen specifications
  2. 02Prepare local UI implementation handoffs
  3. 03Cover loading and error states
  4. 04Include permission and audit states
  5. 05Require destructive-action confirmation

Use cases

  1. 01Specify forms, tables, and filters
  2. 02Plan empty, loading, and error screens
  3. 03Organize admin UI implementation tasks

Install

Copy the command and run it in a terminal.

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

After installing, type/admin-ui-builderin Claude Code to confirm it loaded.

Bundled files

References and scripts installed along with SKILL.md.

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

Details

From the project README

Admin UI Builder

This skill builds or specifies admin UI surfaces under an existing admin architecture contract.

Operating Modes

  • screen-spec: define admin screens, states, forms, tables, filters, and validation.
  • implementation-handoff: prepare local UI implementation tasks.
  • state-coverage: cover empty, loading, error, permission denied, audit, and confirm states.

Required Workflow

  1. Read references/admin-ui-build-contract.md.
  2. Use assets/admin-screen-spec.template.md.
  3. Confirm roles, permissions, destructive actions, and audit requirements from admin-ui-orchestrator.
  4. Do not hide security and permission states for visual simplicity.

Safety Rules

  • Do not run production admin mutations.
  • Every destructive action needs explicit confirmation UI and rollback/audit story.
  • Never expose secrets, tokens, private customer data, or raw logs in UI examples.

Validation

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

Comments

Markdown supported