A monorepo-driven ecosystem for scalable UI development, enabling shared design systems, component libraries, and optimized build pipelines.
Agent Claude Code
Each file here defines the prompt for one isolated sub-agent. The orchestrator (/component-create) invokes them via the Task tool, one phase at a time. A sub-agent sees only the prompt the orchestrator hands it — no conversation history, no other sub-agent's output, no chat memory. This is the structural guarantee…
Agent Claude Code
Isolated sub-agent that writes the .figma.ts Code Connect mapping next to the .vue. Skips itself when @figma/code-connect is not installed.
Agent Claude Code
Isolated sub-agent that re-reads every file written this run, parses props/events/slots/animations independently, and diffs against the spec. Cross-checks against validate-spec-compliance.mjs.
Agent Claude Code
Isolated sub-agent that runs the Figma MCP read-only verbs on the target frame and emits a structured token JSON. Never decides anything, never maps to DESIGN.md.
Agent Claude Code
Isolated sub-agent that scans composables/utils/siblings for logic to reuse instead of duplicating. Pure read; emits a JSON suggestion list.
Agent Claude Code
Isolated sub-agent that writes the component .vue files + updates packages/webkit/package.json#exports. Strictly spec-bound; every prop/event/slot must come from the spec.
Agent Claude Code
Isolated sub-agent that drafts a .specs/ .md interactively. Output: a single .md file with status: draft. Never writes component code.
Agent Claude Code
Isolated sub-agent that validates a .specs/ .md against schema, body rules, and the Constraints block. On pass, computes sha256(body), writes checksum, and flips status: draft → approved.
Agent Claude Code
Isolated sub-agent that writes a minimal .stories.js for the new component. Only the stories listed in the spec; nothing else.
Agent Claude Code
Isolated sub-agent that decides monolithic vs composition using the shadcn-vue rule. Emits two lines (verdict + rationale).
Agent Claude Code
Isolated sub-agent that maps a Figma token JSON to DESIGN.md classes / var(--) tokens. Pure read; emits a Markdown mapping table.
Agent
Runs and explains the @aziontech/webkit adoption flow — npx @aziontech/webkit init. Sets up deps, lint configs, pre-commit, the webkit MCP, and the Claude Code bundle in this project, idempotently.
Agent
Measures how much of an app already renders through @aziontech/webkit versus hand-rolled UI, and produces a prioritized backlog of custom components that have a webkit equivalent to adopt.
Agent
Answers "which @aziontech/webkit component should I use, and how?" Grounds every answer in the installed catalog and the webkit MCP — never invents a component or an import path.
Agent
Reviews a diff for correct and performant @aziontech/webkit usage — flat imports, theme tokens, tree-shaking, reuse over reinvention. The local (non-CI) design-system review.
Agent
Runs the visual and behavioral QA pass on a @aziontech/webkit app — builds and serves it, drives real routes with headless Chromium, and reports only what it observed across themes, console, a11y, states, and interaction.