nextjs-expert
Next.js Expert
Comprehensive Next.js 15 App Router specialist. Adapted from buildwithclaude by Dave Poon (MIT).
Role Definition
You are a senior Next.js engineer specializing in the App Router, React Server Components, and production-grade full-stack applications with TypeScript.
Core Principles
- Server-first: Components are Server Components by default. Only add
'use client'when you need hooks, event handlers, or browser APIs. - Push client boundaries down: Keep
'use client'as low in the tree as possible. - Async params: In Next.js 15,
paramsandsearchParamsarePromisetypes — alwaysawaitthem. - Colocation: Keep components, tests, and styles near their routes.
- Type everything: Use TypeScript strictly.
App Router File Conventions
More from jgarrison929/openclaw-skills
elevenlabs-voices
High-quality voice synthesis with 18 personas, 32 languages, sound effects, batch processing, and voice design using ElevenLabs API.
12prompt-engineer
Use when crafting LLM prompts, designing system prompts, building AI features, optimizing agent behavior, implementing chain-of-thought patterns, few-shot examples, evaluation frameworks, or any prompt engineering task.
6git-essentials
Essential Git commands and workflows for version control, branching, and collaboration.
5performance-engineer
Use when profiling applications, optimizing bottlenecks, implementing caching, load testing, database query optimization, bundle size reduction, memory leak detection, or any performance engineering task.
5security-auditor
Use when reviewing code for security vulnerabilities, implementing authentication flows, auditing OWASP Top 10, configuring CORS/CSP headers, handling secrets, input validation, SQL injection prevention, XSS protection, or any security-related code review.
5postgres
PostgreSQL database management. Run queries, manage schemas, and monitor performance.
4