andrewr303/ui-component-expert
Manual Claude Design export to reviewed React and TypeScript components, with explicit verification and integration gates.
Generate a portable Claude Design brief prompt specifying target description, 4 viewports, 3 token tiers, component anatomy, 8 states, and deliverables.
Generate bespoke, accessible TypeScript components and 8-state harnesses from an approved DesignContract.
Extract and validate a strongly typed DesignContract from quarantined Claude Design artifacts, verifying tokens, 8 states, and WAI-ARIA semantics.
Ingest, validate boundaries, and statically inspect a downloaded Claude Design export on Windows, creating a unique run directory with byte-identical quarantine.
Preview file diffs, run additions-only collision preflight, and safely integrate generated components into the target codebase with journaled deletion rollback.
Compose bespoke TypeScript components into complete, functional application views and dashboards with working client-side state.
Orchestrate the end-to-end ui-component-expert workflow from Claude Design brief to verified, integrated TypeScript components.
Inspect and report the current lifecycle state, ingested receipts, contract validity, and verification progress for a workspace.
Compute semantic diffs between DesignContract versions and generate surgical migration patches while preserving human edits.
Execute multi-stage QA verification across target npm scripts, 8-state harnesses, axe-core accessibility, and real-browser visual checks.