tanstack-query plugins

by Matt Corbett

Frontend-engineering team — agents (frontend-architect, react-implementation-engineer, frontend-state-and-data-engineer, frontend-performance-engineer) for building app-grade frontends (React/Next, TypeScript): component architecture and composition, the rendering-strategy choice (CSR/SSR/SSG/ISR/React Server Components), client state vs server-cache (TanStack Query/RSC) and form/validation, bundle/performance discipline (code-splitting, Core Web Vitals, hydration cost), and accessibility-in-code (semantic HTML, ARIA, keyboard, focus). TypeScript-first. skills, a decision-tree knowledge bank (rendering-strategy + state-location trees + a dated 2026 map), best-practices, templates, commands, an advisory hook. Distinct from web-design (brand/UX/marketing sites). Seams: design/brand/WCAG-audit -> web-design, auth UX -> auth-identity, API consumption -> api-engineering, native -> mobile-engineering. Requires ravenclaude-core@>=0.7.0.

Frontend coding conventions plus the workflow around them. One fe-coding skill detects the stack (Next.js App/Page Router, React Native Expo/CLI, Next.js API + Prisma) and applies the _modules architecture, component hierarchy, Link-only navigation, function minimalism, visible empty states and Zod/React-Hook-Form validation. Workflow skills cover project setup, Figma-to-code, ticket workflow, BA/PO ticket writing (requirement → templated ClickUp ticket), mobile release notes, deployment checks, spec-driven (OpenSpec), and capturing corrections as rules. Each project keeps its own live, committed copy of the rules (edit it, review the diff, PR it back) and can register the other repos of its system so cross-repo contracts are read from the real files instead of guessed. Bundles the context7 and Framelink Figma MCP servers so they load on install.