Guardrails, skills, loops, hooks & review agents for database + website builders on Claude Code (Next.js + Supabase).
This repository also configures its own agents. See what dev-pack tells them →
Command Claude Code
Audit a web page/component against WCAG 2.2 AA — semantics, keyboard, contrast, labels, focus, alt text. Use when reviewing UI for accessibility or before sh...
Command Claude Code
Design Next.js route handlers and server actions with input validation, correct status codes, error handling, and rate limiting. Use when building an API end...
Command Claude Code
Reviews Next.js route handlers and server actions - input validation, status codes, error handling, auth checks, rate limiting, response shape. Use when API...
Command Claude Code
Get Next.js App Router caching right — static vs dynamic rendering, fetch cache, revalidatePath/revalidateTag, and ISR. Use when data is stale, a page won't...
Command Claude Code
Reviews a diff for correctness, security, and maintainability against the dev-pack standards. Use after writing or modifying code, and inside /plan-build-rev...
Command Claude Code
Build a production React component on shadcn/ui + Tailwind — variants, compound pattern, accessible states, and a clean prop API. Use when creating a new UI...
Command Claude Code
Reviews Postgres/Supabase schema, migrations, queries, and RLS for safety and performance. Use when DB code changes, before applying a migration, or inside /...
Command Claude Code
Choose an intentional, non-template visual direction (style, palette, type, motion) BEFORE writing any UI. Use at the start of a new site/page or when output...
Command Claude Code
Design the non-happy-path UI in Next.js — loading, error, not-found, and empty states with Suspense, error boundaries, and user-facing feedback. Use when a p...
Command Claude Code
Build accessible, validated forms with React Hook Form + Zod + shadcn Form, wired to a Next.js server action. Use when adding any form (contact, signup, chec...
Command Claude Code
Reviews React/Next.js UI for accessibility, the anti-template design bar, animation safety, responsiveness, and component architecture. Use when UI changes,...
Command Claude Code
Generate safe, reversible Postgres/Supabase migrations using the expand→backfill→contract pattern, avoiding locks and data loss. Use when altering schema, ad...
Command Claude Code
Add error monitoring and structured logging to a Next.js + Supabase app — Sentry for errors, request-scoped logs, and useful context without leaking PII. Use...
Command Claude Code
Enforce a Core Web Vitals / Lighthouse performance budget on a Next.js site — LCP, CLS, INP, bundle size, images. Use before shipping a page or when a page f...
Command Claude Code
Reviews a change for performance - N+1 queries, missing indexes, slow queries, client bundle size, Core Web Vitals, caching/revalidation, render performance....
Command Claude Code
Diagnose and fix slow Postgres queries using EXPLAIN ANALYZE, index suggestions, and N+1 detection. Use when a query is slow, a page is slow because of the D...
Command Claude Code
Add Supabase Realtime to a Next.js app — Postgres Changes, Broadcast, and Presence — with proper cleanup and RLS-aware channels. Use when building live updat...
Command Claude Code
Build mobile-first responsive layouts (≥375px) with fluid type, container queries, and grid/bento composition that doesn't break. Use when laying out a page...
Command Claude Code
Write and test Supabase/Postgres Row-Level Security policies so users can only access their own rows. Use when a table holds user data, when enabling RLS, or...
Command Claude Code
Design normalized Postgres/Supabase schemas — tables, columns, types, keys, indexes, and constraints with consistent naming. Use when creating a new database...
Command Claude Code
Security-focused review of a diff - secrets, injection, auth/authz, RLS gaps, SSRF, XSS/CSRF, OWASP Top 10. Use after changes touching auth, input handling,...
Command Claude Code
Generate realistic seed data and reset scripts for local Postgres/Supabase development and tests. Use when setting up a dev database, needing test fixtures,...
Command Claude Code
Add on-page SEO to a Next.js site — title/meta, Open Graph, canonical, structured data (schema.org JSON-LD), and sitemap/robots. Use when building or auditin...
Command Claude Code
Decide where each piece of state lives — server, client, URL, or form — and avoid duplicating server state into client stores. Use when wiring data flow, add...
At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: