nextjs-optimization
Next.js 15 Optimization Skill
Objective
Optimize Next.js applications to achieve:
- Perfect Core Web Vitals scores (LCP < 2.5s, FID < 100ms, CLS < 0.1)
- Fast page load times and optimal rendering strategies
- Efficient data fetching and caching
- Production-ready build configuration
- SEO and accessibility excellence
When to Use This Skill
Auto-invoke when:
- Project uses Next.js (detected by
nextin dependencies) - User mentions "optimize", "performance", "slow", or "Core Web Vitals"
- Before production deployment
- After adding new features or pages
- User requests Next.js-specific improvements
More from atman36/ai-vibe-prompts
codebase-analysis
Systematically analyze codebase structure, complexity, dependencies, and architectural patterns to understand project organization
23testing-strategy
Comprehensive testing strategy using Vitest for unit/integration tests and Playwright for E2E tests with best practices and coverage targets
14quality-gates
Run comprehensive quality checks including linting, type checking, tests, and security audits before commits or deployments
11git-workflow
Git best practices for commits, branches, pull requests, and collaboration workflows following Conventional Commits and GitFlow patterns
9frontend-design
Create distinctive, production-grade frontend interfaces with exceptional design quality. Use when building web components, pages, or applications that need creative, polished aesthetics.
9