| name | frontend-starter-kit |
| description | Complete frontend stack -- 14 setup skills + 14 owned workflow skills + 4 optional community skills in one command. Use when starting new frontend project or bootstrapping frontend best practices from scratch. |
Frontend Starter Kit
Setup Skills (1-14, sequential, idempotent)
- setup-toolchain -- bun + tsgo enforcement, destructive command guards
- setup-biome -- Biome + Ultracite, auto-fix hook
- setup-quality-gate -- quality:gate script, CI workflow, Stop hook, bundle guard
- setup-agent-config -- AI_AGENT=1, output truncation
- setup-react-compiler -- React Compiler + memoization check
- setup-zustand -- double-parens create, useShallow, persist
- setup-accessibility -- ARIA enforcement, Playwright AXE, WCAG 2.1 AA
- setup-react-rules -- ban raw HTML, TS escapes, XSS, barrel imports
- setup-env-validation -- t3-env + zod, ban process.env
- setup-conventional-commits -- type(scope): description
- setup-react-doctor -- health scoring + Stop hook
- setup-tanstack-router -- route tree auto-gen + enforcement
- setup-connect-query -- ConnectRPC + Protobuf enforcement
- setup-e2e-testing -- Playwright + Testcontainers + axe-core
Workflow Skills (15-28)
development-lifecycle, tdd, brainstorming, setup-ci-pipeline, improve-codebase-architecture, request-refactor-plan, design-an-interface, domain-model, grill-me, triage, diagnose, qa, zoom-out, write-a-skill
Steps
1. Run setup skills 1-14 sequentially
Each skill SETUP.md has install steps. Set REACT_RULES_BAN_USEEFFECT=1 in session-env.sh.
2. Install workflow skills
bunx skills@latest add malinskibeniamin/skills/development-lifecycle --agent claude-code -y
bunx skills@latest add malinskibeniamin/skills/tdd --agent claude-code -y
bunx skills@latest add malinskibeniamin/skills/brainstorming --agent claude-code -y
bunx skills@latest add malinskibeniamin/skills/setup-ci-pipeline --agent claude-code -y
bunx skills@latest add malinskibeniamin/skills/improve-codebase-architecture --agent claude-code -y
bunx skills@latest add malinskibeniamin/skills/request-refactor-plan --agent claude-code -y
bunx skills@latest add malinskibeniamin/skills/design-an-interface --agent claude-code -y
bunx skills@latest add malinskibeniamin/skills/domain-model --agent claude-code -y
bunx skills@latest add malinskibeniamin/skills/grill-me --agent claude-code -y
bunx skills@latest add malinskibeniamin/skills/triage --agent claude-code -y
bunx skills@latest add malinskibeniamin/skills/diagnose --agent claude-code -y
bunx skills@latest add malinskibeniamin/skills/qa --agent claude-code -y
bunx skills@latest add malinskibeniamin/skills/zoom-out --agent claude-code -y
bunx skills@latest add malinskibeniamin/skills/write-a-skill --agent claude-code -y
3. Community skills (optional)
bunx skills@latest add mattpocock/skills/grill-with-docs --agent claude-code -y
bunx skills@latest add mattpocock/skills/prototype --agent claude-code -y
bunx skills@latest add mattpocock/skills/to-prd --agent claude-code -y
bunx skills@latest add mattpocock/skills/to-issues --agent claude-code -y
bunx skills@latest add mattpocock/skills/handoff --agent claude-code -y
bunx skills@latest add mattpocock/skills/ubiquitous-language --agent claude-code -y
bunx skills@latest add mattpocock/skills/git-guardrails-claude-code --agent claude-code -y
4. Verify