redpanda-frontend-kit
Redpanda Frontend Kit
What This Sets Up
Runs the generic frontend-starter-kit first, then adds additional React enforcement and Redpanda-specific tooling:
Generic (via frontend-starter-kit)
- setup-toolchain — Ban npm/npx/tsc, enforce bun + tsgo, block destructive commands
- setup-biome — Biome + Ultracite with auto-fix hook
- setup-quality-gate — quality:gate script, CI workflow, tsgo Stop hook, bundle guard
- setup-llm-optimization — AI_AGENT=1, output truncation
- setup-react-compiler — React Compiler + memoization check, compiler modes, derived-state detection
- setup-zustand — Zustand best practices enforcement
- setup-accessibility — ARIA enforcement, Playwright AXE, WCAG 2.1 AA
- setup-react-rules — Ban raw HTML, TS escape hatches, XSS vectors, barrel imports, passive listeners, heavy dep warnings (useEffect ban via starter kit)
- 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
- setup-tanstack-router — Route tree auto-generation + anti-pattern 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