frontend-starter-kit
Frontend Starter Kit
What This Sets Up
Setup skills (configures hooks + packages)
- setup-toolchain — Ban npm/npx/tsc/eslint/prettier, enforce bun + tsgo, block destructive commands
- setup-biome — Biome + Ultracite linting/formatting with auto-fix hook, kebab-case filenames
- setup-quality-gate — quality:gate script, CI workflow, Stop hook for tsgo + related tests, bundle guard
- setup-agent-config — AI_AGENT=1, CLAUDECODE=1, output truncation
- setup-react-compiler — React Compiler with rsbuild, memoization check
- setup-zustand — Zustand best practices: double-parens create, useShallow, persist middleware
- setup-accessibility — ARIA enforcement, Playwright AXE setup, WCAG 2.1 AA compliance
- setup-react-rules — Ban raw HTML, TS escape hatches, XSS vectors, Tailwind enforcement, class components
- setup-env-validation — t3-env + zod, ban raw process.env access
- setup-conventional-commits — Enforce type(scope): description commit format
- setup-react-doctor — Health scoring with Stop hook, warnings surfaced
- setup-tanstack-router — Route tree auto-generation + anti-pattern enforcement
- setup-connect-query — ConnectRPC + Connect Query + Protobuf enforcement
More from malinskibeniamin/skills
setup-react-rules
Enforce React/TS/security rules via PostToolUse hooks — bans raw HTML, TS escape hatches, XSS vectors, barrel imports, missing passive listeners. Use when enforcing React patterns or component library standards.
9setup-react-compiler
Install React Compiler with rsbuild and enforce compiler-friendly patterns via PostToolUse hooks. Flags manual memoization, derived state, useRef cache. Use when setting up React Compiler or post-compiler patterns.
9setup-biome
Install Biome linter with Ultracite preset, create biome.jsonc config, and configure Claude Code Stop hook for auto-fix before finishing. Use when setting up linting, formatting, Biome, Ultracite, or code quality enforcement.
9setup-quality-gate
Add quality:gate package.json script for fast local/CI quality checks (biome + tsgo + related tests), GitHub Actions workflow, and Stop hook for type checking. Use when setting up quality gates, CI pipelines, or pre-push validation.
9setup-connect-query
Enforce ConnectRPC + Connect Query + Protobuf v2 patterns via PostToolUse hooks. Bans raw useQuery, empty invalidateQueries, $typeName literals. Use when setting up ConnectRPC, protobuf type safety, or data fetching enforcement.
8work-automation-kit
Install planning and project management skills — PRD creation, implementation planning, issue breakdown, bug triage, code review. Use when setting up project planning workflows or creating PRDs.
8