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.
Command Claude Code
Scaffold a new webkit animation in the one correct place — the semantic animation catalog — so components never ship a component-local @keyframes or an off-catalog animate-[…]. Triggered by hand, or pointed at by validate-spec-compliance when a component uses an animate- that is not yet in the catalog.
Command Claude Code
Spec-driven orchestrator. Reads .specs/ .md, delegates phases to isolated sub-agents, and produces .vue + package.json + exports entry + minimal Storybook story.
Command Claude Code
Re-run spec compliance + validators on an existing component without writing any files. Use to confirm a freshly-edited .vue still matches its spec.
Command Claude Code
Create a new working branch from main. Infers the branch type from the diff and prompts for the related issue (optional).
Command Claude Code
Add one or more icons to @aziontech/icons — decides monochrome (font) vs colored (ai--cor), normalizes names, places the SVGs, rebuilds, and verifies they surface in the catalog, CSS, gallery, and Storybook.
Command Claude Code
Open a PR to main. Analyzes the diff to pick the Conventional Commit type/scope (drives the release-please bump), prompts for the related issue (optional), commits by context, pushes, and opens the PR.
Command Claude Code
Regenerate the Linux visual baselines for a PR branch in CI and land them on the branch. Never generate baselines locally — macOS rendering does not match the linux/ snapshots the PR visual gate (governance.yml → test:visual:ci) compares against.
Command Claude Code
Draft a .specs/ .md for a new webkit component interactively. Status starts at draft; review the file, mark status: approved, then run /component-create .
Hook Claude Code
Runs before the agent uses a tool for Write, Edit, MultiEdit and Write tool calls, executing validate-tokens.mjs, validate-references.mjs, validate-story-source.mjs, validate-authoring.mjs, enforce-component-create.mjs and enforce-spec-exists.mjs via node (6 commands). From aziontech/webkit.
Hook Claude Code
Runs after a tool call finishes for Write, Edit and MultiEdit tool calls, executing validate-spec-compliance.mjs, enforce-test-exists.mjs and validate-authoring-docs.mjs via node (3 commands). From aziontech/webkit.
Settings file Claude Code
Agent settings declaring 2 hook events (PreToolUse, PostToolUse) and 25 allowed tools.
Skill Claude CodeCodex
Scaffold a new webkit animation into the semantic catalog (semantic/animations.js) + record the Theme gap. Used when a component needs an animation the catalog lacks, instead of a component-local @keyframes or an off-catalog animate-[…].
Skill Claude CodeCodex
Fix pnpm audit --audit-level=high failures by bumping the offending dependency to its patched version, with a semver-aware guardrail (patch = auto, minor = validate carefully, major = ALERT and ask). Identifies the owning monorepo project and emits a status report.