m-binimran/dev-pack

Guardrails, skills, loops, hooks & review agents for database + website builders on Claude Code (Next.js + Supabase).

2Stars on the repository
57Mods indexed here, across every type
2mo agoLast push, which is what freshness is scored on
MITLicence, which decides whether bodies are shown

a11y-audit

01

m-binimran/dev-pack

Command

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...

2 2mo ago A 37 tokens original MIT

api-design

02

m-binimran/dev-pack

Command

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...

2 2mo ago A 30 tokens original MIT

api-reviewer

03

m-binimran/dev-pack

Command

Reviews Next.js route handlers and server actions - input validation, status codes, error handling, auth checks, rate limiting, response shape. Use when API...

2 2mo ago A 31 tokens original MIT

m-binimran/dev-pack

Command

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...

2 2mo ago A 36 tokens original MIT

code-reviewer

05

m-binimran/dev-pack

Command

Reviews a diff for correctness, security, and maintainability against the dev-pack standards. Use after writing or modifying code, and inside /plan-build-rev...

2 2mo ago A 32 tokens original MIT

component-scaffold

06

m-binimran/dev-pack

Command

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...

2 2mo ago A 35 tokens original MIT

db-reviewer

07

m-binimran/dev-pack

Command

Reviews Postgres/Supabase schema, migrations, queries, and RLS for safety and performance. Use when DB code changes, before applying a migration, or inside /...

2 2mo ago A 35 tokens original MIT

design-direction

08

m-binimran/dev-pack

Command

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...

2 2mo ago A 35 tokens original MIT

error-states

09

m-binimran/dev-pack

Command

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...

2 2mo ago A 38 tokens original MIT

form-builder

10

m-binimran/dev-pack

Command

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...

2 2mo ago A 39 tokens original MIT

frontend-reviewer

11

m-binimran/dev-pack

Command

Reviews React/Next.js UI for accessibility, the anti-template design bar, animation safety, responsiveness, and component architecture. Use when UI changes,...

2 2mo ago A 29 tokens original MIT

migration-safety

12

m-binimran/dev-pack

Command

Generate safe, reversible Postgres/Supabase migrations using the expand→backfill→contract pattern, avoiding locks and data loss. Use when altering schema, ad...

2 2mo ago A 33 tokens original MIT

observability

13

m-binimran/dev-pack

Command

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...

2 2mo ago A 35 tokens original MIT

perf-budget

14

m-binimran/dev-pack

Command

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...

2 2mo ago A 41 tokens original MIT

m-binimran/dev-pack

Command

Reviews a change for performance - N+1 queries, missing indexes, slow queries, client bundle size, Core Web Vitals, caching/revalidation, render performance....

2 2mo ago A 33 tokens original MIT

query-optimizer

16

m-binimran/dev-pack

Command

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...

2 2mo ago A 41 tokens original MIT

m-binimran/dev-pack

Command

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...

2 2mo ago A 36 tokens original MIT

responsive-layout

18

m-binimran/dev-pack

Command

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...

2 2mo ago A 33 tokens original MIT

rls-policy

19

m-binimran/dev-pack

Command

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...

2 2mo ago A 35 tokens original MIT

schema-designer

20

m-binimran/dev-pack

Command

Design normalized Postgres/Supabase schemas — tables, columns, types, keys, indexes, and constraints with consistent naming. Use when creating a new database...

2 2mo ago A 32 tokens original MIT

security-reviewer

21

m-binimran/dev-pack

Command

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,...

2 2mo ago A 43 tokens original MIT

seed-fixtures

22

m-binimran/dev-pack

Command

Generate realistic seed data and reset scripts for local Postgres/Supabase development and tests. Use when setting up a dev database, needing test fixtures,...

2 2mo ago A 30 tokens original MIT

seo-onpage

23

m-binimran/dev-pack

Command

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...

2 2mo ago A 39 tokens original MIT

state-architect

24

m-binimran/dev-pack

Command

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...

2 2mo ago A 36 tokens original MIT

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: