frontend-scaffold
Installation
SKILL.md
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