| name | frontend-starter-kit |
| description | Bootstrap the frontend stack -- toolchain, lint, quality gates, React/router/data enforcement, CI -- from lazy per-tool profiles. |
| disable-model-invocation | true |
| argument-hint | [profile: full | minimal | redpanda | <tool name>] |
Frontend Starter Kit
One skill owns all bootstrap work. Each tool's install steps live in
references/<tool>/README.md (plus SETUP.md/REFERENCE.md where present) -- read them
lazily, only for the profile requested. All steps are idempotent.
Plugin consumers already have every hook shipped and wired -- for them the hook-copy steps
are no-ops; run the config/tooling steps only. The full copy matters for bare repos without
the plugin ("export harness").
Profiles
- full (default): every tool below, in order, targeting the canonical stack in
REFERENCE.md (React 19 + Rsbuild + Tailwind + TanStack Router/Query +
Connect Query + shadcn/Base UI + Vitest/Playwright + Biome/Ultracite + TypeScript 7
tsc).
- minimal: toolchain, biome, quality-gate, env-validation, conventional-commits.
- redpanda: full +
references/redpanda/README.md (registry workflow, Redpanda component
taxonomy, REDPANDA_KIT=1).
<tool>: just that tool's reference.
Tools (sequential for full)
| Tool | Reference | What it sets up |
|---|
| toolchain | references/toolchain/ | bun + TypeScript 7 tsc enforcement, destructive command guards |
| biome | references/biome/ | Biome + Ultracite, auto-fix hook |
| quality-gate | references/quality-gate/ | quality:gate script, CI workflow, Stop hook, bundle guard |
| agent-config | references/agent-config/ | AI_AGENT=1, output truncation |
| react-compiler | references/react-compiler/ | React Compiler + memoization check |
| zustand | references/zustand/ | double-parens create, useShallow, persist |
| react-rules | references/react-rules/ | ban raw HTML, TS escapes, XSS, barrel imports |
| env-validation | references/env-validation/ | t3-env + zod; process.env ban via Biome noProcessEnv |
| conventional-commits | references/conventional-commits/ | type(scope): description enforcement |
| react-doctor | references/react-doctor/ | health scoring + Stop hook |
| ci-pipeline | references/ci-pipeline/ | GitHub Actions CI, coverage gates, caching |
| redpanda | references/redpanda/ | Redpanda registry workflow + component taxonomy |
Runtime-guidance skills (daily work, not setup): /accessibility, /tanstack-router,
/connect-query, /e2e-testing, /registry-workflow, /ux-copy. Optional infra:
/setup-routines, /setup-atlassian-workflow (slash-only).
Steps
- Confirm the profile (default full). Read each tool's reference lazily as you reach it.
- Set
REACT_RULES_BAN_USEEFFECT=1 in session-env.sh when the repo wants strict effects.
- Workflow skills (development-lifecycle, tdd, grilling, triage,
diagnosing-bugs, prototype, domain-modeling) ship with this plugin -- nothing to install.
Verify
