claude

app-dev

Full-stack Next.js development: App Router patterns, TypeScript engineering, Supabase/PostgreSQL/MySQL database integration, Prisma ORM, API design and scaffolding, authentication and authorization, Framer Motion animations, quality gate enforcement, and security scanning

3 on GitHubby Chris Kelley <[email protected]>v1.3.0MITupdated 6 months ago

Not in a marketplace yet, so it loads for one session with --plugin-dir.

Plugin app-dev in iwritec0de/app-dev. Commands read from the repo's manifest — 1 month ago.

This plugin runs code on your machine — its hooks fire automatically on events like tool use. The exact commands are listed below; read them before installing.

What it installs

Skills (17)

  • api-design

    This skill should be used when the user asks to "design a REST API", "structure API endpoints", "choose HTTP status codes", "set up API versioning", "implement API pagination", or mentions "REST API", "API design", "endpoint design", "OpenAPI", "Swagger", "API versioning", "HTTP status codes", "API

  • auth-patterns

    This skill should be used when the user asks to "implement authentication", "set up JWT auth", "configure OAuth2", "implement RBAC", "add MFA/two-factor", "secure session management", or mentions "authentication", "authorization", "JWT", "OAuth", "login", "session management", "password hashing", "R

  • database-designer

    This skill should be used when the user asks to "design a database schema", "normalize a data model", "plan a migration strategy", "define table relationships", "review an ERD", or mentions "schema design", "database design", "data model", "ERD", "normalization", "migration strategy", "table design"

  • database-optimizer

    This skill should be used when the user asks to "optimize a database query", "analyze a slow query", "review EXPLAIN output", "design indexes", "fix N+1 queries", or mentions "query optimization", "slow query", "EXPLAIN", "index", "performance", "query plan", "table scan", "index tuning", "N+1", "qu

  • framer-motion

    This skill should be used when the user asks to "add animations", "implement transitions", "create gesture interactions", "build layout animations", "add scroll-based effects", or mentions "framer motion", "motion", "animate", "animation", "transition", "gesture", "layout animation", "scroll animati

  • js-debugging

    This skill should be used when the user asks to 'debug a JavaScript error', 'fix a TypeScript error', 'debug a React component', 'fix a Next.js error', 'debug an API route', 'fix a hydration error', 'investigate a runtime error', or mentions 'JS debugging', 'stack trace', 'React error boundary', 'hy

  • js-testing

    This skill should be used when the user asks to 'write tests', 'add test coverage', 'test a component', 'test an API route', 'test a hook', 'set up Vitest', 'use React Testing Library', 'mock an API', or mentions 'component testing', 'integration tests', 'vitest', 'RTL', 'msw', 'testing library'. Pr

  • knip-cleanup

    This skill should be used when the user asks to "find unused code", "clean up dead code", "find unused dependencies", "find unused exports", "find unused files", "remove dead code", "run knip", "check for unused imports", "clean up dependencies", "prune unused packages", or mentions "knip", "dead co

  • mysql-expert

    This skill should be used when the user asks to "write a MySQL query", "configure my.cnf", "choose a storage engine", "tune MySQL performance", "set up MySQL replication", or mentions "mysql", "mariadb", "innodb", "my.cnf", "mysqldump", "mysql replication", "mysql tuning", "mysql index", "mysql json

  • nextjs-expert

    This skill should be used when the user asks to "build a Next.js app", "configure App Router routing", "implement data fetching", "create a server action", "optimize Next.js performance", or mentions "next.js", "app router", "server component", "client component", "next config", "middleware", "route

  • nextjs-typescript-engineer

    This skill should be used when the user asks to "set up a Next.js TypeScript project", "define code conventions", "organize project structure", "implement component patterns", "enforce type safety", or mentions "next.js project", "typescript convention", "code style", "project structure", "component

  • postgresql-expert

    This skill should be used when the user asks to 'write a PostgreSQL query', 'configure postgresql.conf', 'use JSONB', 'set up a PG extension', 'tune Postgres performance', 'optimize a Postgres query', or mentions 'postgresql', 'postgres', 'pg_', 'jsonb', 'array type', 'CTE', 'window function', 'exte

  • prisma-orm

    Prisma ORM expertise for schema design, migrations, client usage, and deployment. Use when writing Prisma schemas, creating migrations, querying with Prisma Client, defining relations, or deploying database changes. Triggers on "prisma", "prisma schema", "prisma migrate", "prisma client", "prisma re

  • quality-gate

    This skill should be used when the user asks to "run a quality gate", "check code quality", "run lint checks", "run pre-push security scan", "check for dead code", or mentions "quality gate", "quality check", "lint check", "run checks", "code quality", "pre-push scan", "security scan". Provides auto

  • supabase

    This skill should be used when the user asks to "integrate Supabase", "set up Supabase auth", "write RLS policies", "use Supabase storage", "subscribe to realtime changes", or mentions "supabase", "supabase auth", "RLS", "row level security", "supabase client", "supabase storage", "realtime", "edge

  • tailwind

    This skill should be used when the user asks to "style a component with Tailwind", "set up dark mode", "create a responsive layout", "build a reusable UI component", "configure Tailwind", "use cn() utility", or mentions "tailwind", "tailwindcss", "utility class", "className", "dark mode", "responsiv

  • verification

    This skill should be used before claiming any work is complete, before committing, before creating PRs, or before reporting task status. Enforces fresh verification evidence for all completion claims. Provides the verification gate methodology: run commands, read output, then report. author: Chris K

Slash commands (11)

  • /app-dev:audit

    Audit a Next.js project for common issues, anti-patterns, and misconfigurations

  • /app-dev:auth-audit

    Audit authentication and authorization implementation for security issues

  • /app-dev:db-audit

    Audit database schema and queries for performance and design issues

  • /app-dev:docs

    Generate or update OpenAPI spec from existing API routes

  • /app-dev:knip

    Find and clean up unused files, dependencies, exports, and types with knip

  • /app-dev:migrate

    Generate database migration files for schema changes

  • /app-dev:perf

    Analyze Next.js bundle size and performance bottlenecks

  • /app-dev:quality
  • /app-dev:scaffold

    Scaffold API route handlers from an OpenAPI spec or description

  • /app-dev:schema

    Visualize and document the current database schema

  • /app-dev:test

    Generate API integration tests for endpoints

Subagents (4)

  • api-reviewer

    Use this agent to review API endpoints for security, design, performance, and best practices. Trigger when the user asks to "review my API", "check API security", "audit endpoints", "review route handlers", "is my API secure", "check for missing validation", or wants a comprehensive API review. Exam

  • auth-reviewer

    Use this agent to review authentication and authorization code for security issues, design flaws, and best practice violations. Trigger when the user mentions "review auth", "is my login secure", "check authentication", "review authorization", "auth security", "password security", "JWT review", "ses

  • query-optimizer

    Use this agent to optimize slow database queries, analyze EXPLAIN plans, and recommend index or query rewrites. Trigger when the user mentions "slow query", "optimize query", "EXPLAIN plan", "query performance", "database is slow", "N+1 queries", "index recommendation", or asks why a query takes too

  • route-analyzer

    Use this agent to map, analyze, and optimize Next.js route structure. Trigger when the user asks to "map routes", "analyze routing", "find missing error boundaries", "check loading states", "review middleware", "list all pages", "find route issues", or needs a comprehensive view of their Next.js app

Hooks (6)

  • PreToolUse

    bash ${CLAUDE_PLUGIN_ROOT}/hooks/security-check.sh

  • PreToolUse

    bash ${CLAUDE_PLUGIN_ROOT}/hooks/pre-edit.sh

  • PreToolUse

    bash ${CLAUDE_PLUGIN_ROOT}/hooks/pre-push.sh

  • PostToolUse

    bash ${CLAUDE_PLUGIN_ROOT}/hooks/post-edit.sh

  • Stop

    bash ${CLAUDE_PLUGIN_ROOT}/hooks/on-stop.sh

  • Stop

    bash ${CLAUDE_PLUGIN_ROOT}/hooks/security-checklist.sh

View source on GitHub

Maintain app-dev?

This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.

claude & codex pluginslisted