By iwritec0de
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
Audit a Next.js project for common issues, anti-patterns, and misconfigurations
Audit authentication and authorization implementation for security issues
Audit database schema and queries for performance and design issues
Generate or update OpenAPI spec from existing API routes
Find and clean up unused files, dependencies, exports, and types with knip
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. Examples: "Review the API endpoints I just created in src/routes/", "Are my API endpoints secure? I'm worried about injection attacks.", "Is this a good REST API design for my user management endpoints?".
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", "session security", "OAuth implementation", or asks about auth best practices. Examples: "I just built the login system, can you review it for security?", "Is my JWT implementation secure? I'm using HS256.", "I need to add auth to my API endpoints, what's the best approach?".
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 long. Examples: "The /api/users endpoint takes 3 seconds, I think it's the database query", "Can you analyze this EXPLAIN output and tell me what's wrong?", "I'm seeing hundreds of SELECT queries when loading the dashboard".
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 application structure. Examples: "Map out all the routes in my Next.js app", "Some of my pages don't have error boundaries, can you find which ones?", "I need to add auth protection to my routes, which ones are unprotected?".
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 authentication", "rate limiting", "pagination", "HATEOAS". Provides REST API design patterns, OpenAPI specification guidance, authentication strategies, and API versioning.
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", "RBAC", "role-based access", "MFA", "two-factor", "API keys", "token refresh", "CSRF", "CORS with auth". Provides authentication and authorization patterns including JWT, OAuth2, session management, RBAC, MFA, and password security.
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", "foreign key", "relationship". Provides database schema design expertise including normalization, relationship patterns, naming conventions, and migration strategies.
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", "query analysis". Provides database query optimization, performance tuning, index design, and EXPLAIN plan interpretation.
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 animation", "variants", "AnimatePresence". Provides Framer Motion animation library expertise for React/Next.js including gestures, layout animations, exit animations, and scroll-driven effects.
Executes bash commands
Hook triggers when Bash tool is used
Modifies files
Hook triggers on file write and edit operations
Uses power tools
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimBased on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
Uses Bash, Write, or Edit tools
Uses Bash, Write, or Edit tools
Full-stack Next.js development plugin for Claude Code — App Router patterns, TypeScript engineering, database integration (Supabase/PostgreSQL/MySQL/Prisma), API design, authentication, UI animations, and automated quality gates.
Add to your project's .claude/settings.json:
{
"permissions": {
"plugins": {
"app-dev": true
}
}
}
/scaffold users --methods GET,POST,PUT,DELETE --auth
# 1. Generate route handlers, validation, types
# (nextjs-typescript-engineer + api-design skills)
↓
Write implementation # 2. Hooks auto-enforce on every edit:
# pre-edit: security checks + credential scanning
# post-edit: ESLint + Prettier auto-fix
↓
/test users # 3. Generate integration tests (js-testing skill)
/audit --focus components # 4. Scan for anti-patterns
↓
git push # 5. pre-push: semgrep + gitleaks + trivy scans
Session end # 6. on-stop: tsc + eslint + tests + dead code check
/schema # 1. Visualize current schema (ERD/table/markdown)
# (database-designer skill)
↓
Design changes # 2. postgresql-expert or mysql-expert skill guides
/migrate add-user-roles # 3. Generate migration file (UP + DOWN)
↓
/db-audit # 4. Audit for missing indexes, N+1, design issues
# (database-optimizer skill)
/scaffold auth --methods POST # 1. Generate auth route handlers
/auth-audit # 2. Full auth security audit
# (auth-patterns skill: JWT, session, OAuth, RBAC)
# Checks: secret strength, token storage, expiry,
# brute force protection, CSRF, session fixation
/scaffold products --methods GET,POST,PUT,DELETE
# 1. Generate CRUD route handlers with Zod validation
/docs # 2. Generate OpenAPI 3.1 spec from routes
# (api-design skill)
/test products # 3. Generate integration tests
/perf --bundle # 1. Bundle size analysis + dynamic import opportunities
/perf --vitals # 2. Core Web Vitals readiness (LCP, FID, CLS)
# (nextjs-expert skill)
The js-debugging skill activates automatically for JS/TS errors:
1. Read error message + stack trace completely
2. Check BOTH browser console AND server terminal
3. Systematic 4-phase process:
Root cause → Pattern analysis → Hypothesis → Fix
4. Common Next.js patterns: hydration mismatches, stale closures,
infinite re-renders, hook violations, build vs runtime errors
5. 3-strike rule: if 3 fixes fail, question the architecture
/quality run # Manual: run all checks
/quality status # View gate status + recent results
/quality config # See active checks + tool availability
Automatic enforcement:
| Skill | Purpose |
|---|---|
nextjs-expert | App Router, Server Components, data fetching, rendering, caching |
nextjs-typescript-engineer | Full-stack TypeScript conventions, project structure, patterns |
tailwind | Utility-first CSS, responsive design, dark mode, CVA component variants |
framer-motion | Animations, gestures, layout transitions, scroll effects |
| Skill | Purpose |
|---|---|
database-designer | Schema design, normalization, relationships, migration strategy |
database-optimizer | Query optimization, EXPLAIN analysis, indexing, N+1 detection |
postgresql-expert | PostgreSQL types, extensions, advanced SQL, tuning |
mysql-expert | MySQL/MariaDB InnoDB, JSON, replication, tuning |
prisma-orm | Schema, migrations, client usage, relations, transactions |
supabase | Auth, RLS, storage, realtime, edge functions |
npx claudepluginhub iwritec0de/claude-plugin-marketplace --plugin app-devWordPress development plugin — enforces WPCS, blocks insecure code patterns, and provides WP/WooCommerce development guidance
Dependency guardian — intercepts package installs to enforce latest versions and block vulnerable packages. Supports npm, pip, and composer. Hard-blocks when offline or scans unavailable.
Comprehensive skill pack with 66 specialized skills for full-stack developers: 12 language experts (Python, TypeScript, Go, Rust, C++, Swift, Kotlin, C#, PHP, Java, SQL, JavaScript), 10 backend frameworks, 6 frontend/mobile, plus infrastructure, DevOps, security, and testing. Features progressive disclosure architecture for 50% faster loading.
Intelligent draw.io diagramming plugin with AI-powered diagram generation, multi-platform embedding (GitHub, Confluence, Azure DevOps, Notion, Teams, Harness), conditional formatting, live data binding, and MCP server integration for programmatic diagram creation and management.
Harness-native ECC operator layer - 67 agents, 271 skills, 92 legacy command shims, reusable hooks, rules, selective install profiles, and production-ready workflows for Claude Code, Codex, OpenCode, Cursor, and related agent harnesses
Feature development with code-architect/explorer/reviewer agents, CLAUDE.md audit and session learnings, and Agent Skills creation with eval benchmarking from Anthropic.
Comprehensive feature development workflow with specialized agents for codebase exploration, architecture design, and quality review
Persistent file-based planning for AI coding agents. Crash-proof markdown plans (task_plan.md, findings.md, progress.md) that survive context loss and /clear, with an opt-in completion gate and multi-agent shared state. Manus-style. Works with Claude Code, Codex CLI, Cursor, Kiro, OpenCode and 60+ agents via the SKILL.md standard. Includes Arabic, German, Spanish, and Chinese (Simplified and Traditional).