redpanda-frontend-kit

Installation
SKILL.md

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)

  1. setup-toolchain — Ban npm/npx/tsc, enforce bun + tsgo, block destructive commands
  2. setup-biome — Biome + Ultracite with auto-fix hook
  3. setup-quality-gate — quality:gate script, CI workflow, tsgo Stop hook, bundle guard
  4. setup-llm-optimization — AI_AGENT=1, output truncation
  5. setup-react-compiler — React Compiler + memoization check, compiler modes, derived-state detection
  6. setup-zustand — Zustand best practices enforcement
  7. setup-accessibility — ARIA enforcement, Playwright AXE, WCAG 2.1 AA
  8. setup-react-rules — Ban raw HTML, TS escape hatches, XSS vectors, barrel imports, passive listeners, heavy dep warnings (useEffect ban via starter kit)
  9. setup-env-validation — t3-env + zod, ban raw process.env access
  10. setup-conventional-commits — Enforce type(scope): description commit format
  11. setup-react-doctor — Health scoring with Stop hook
  12. setup-tanstack-router — Route tree auto-generation + anti-pattern enforcement
Related skills
Installs
5
GitHub Stars
3
First Seen
Mar 25, 2026