frontend-scaffold
frontend-scaffold
Convert designs and specs into production-ready React/Next.js component scaffolds with typed API hooks.
Context Files
$JAAN_CONTEXT_DIR/tech.md- Tech stack context (CRITICAL — determines framework, styling, versions)- Uses sections:
#current-stack,#frameworks,#constraints
- Uses sections:
$JAAN_CONTEXT_DIR/design.md- Design system guidelines (optional)$JAAN_CONTEXT_DIR/brand.md- Brand guidelines (optional)$JAAN_TEMPLATES_DIR/jaan-to-frontend-scaffold.template.md- Output template$JAAN_LEARN_DIR/jaan-to-frontend-scaffold.learn.md- Past lessons (loaded in Pre-Execution)${CLAUDE_PLUGIN_ROOT}/docs/extending/language-protocol.md- Language resolution protocol${CLAUDE_PLUGIN_ROOT}/docs/extending/frontend-ui-workflow-reference.md- Shared UI workflow reference (CSF3 format)
Input
Upstream Artifacts: $ARGUMENTS
More from parhumm/jaan-to
ux-microcopy-write
Generate multi-language microcopy packs for UI components with cultural adaptation. Use when writing UI text and translations.
11sec-audit-remediate
Generate security fixes from detect-dev findings with regression tests. Use when remediating security vulnerabilities.
10detect-product
Product reality extraction with evidence-backed features, monetization, and metrics. Use when analyzing product capabilities.
9release-iterate-changelog
Generate changelog with user impact notes and support guidance from git history. Use when preparing release notes.
9backend-scaffold
Generate production-ready backend code with routes, data models, service layers, and validation. Use when scaffolding backend from specs.
9detect-dev
Engineering audit with SARIF evidence, 4-level confidence, and OpenSSF scoring. Use when evaluating repository health or code quality.
8