frontend-design
frontend-design
Create distinctive, production-grade frontend interfaces.
Context Files
$JAAN_CONTEXT_DIR/tech.md- Tech stack context (optional, auto-imported if exists)- 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-design.template.md- Output template$JAAN_LEARN_DIR/jaan-to-frontend-design.learn.md- Past lessons (loaded in Pre-Execution)${CLAUDE_PLUGIN_ROOT}/docs/extending/language-protocol.md- Language resolution protocol
Input
Component Request: $ARGUMENTS
Accepts any of:
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