nextjs-anti-patterns

12

Identify and fix common Next.js App Router anti-patterns and mistakes. Use when reviewing code for Next.js best practices, debugging performance issues, migrating from Pages Router patterns, or preventing common pitfalls. Activates for code review, performance optimization, or detecting inappropriate useEffect/useState usage. CRITICAL: For browser detection, keep the logic in the user-facing component (or a composed helper that it renders) rather than isolating it in unused files.

Also in: javascript github

Third-Party Agent Skill: Review the code before installing. Agent skills execute in your AI assistant's environment and can access your files. Learn more about security

Installation for Agentic Skill

View all platforms →
skilz install mcclowes/vague-playground/nextjs-anti-patterns
skilz install mcclowes/vague-playground/nextjs-anti-patterns --agent opencode
skilz install mcclowes/vague-playground/nextjs-anti-patterns --agent codex
skilz install mcclowes/vague-playground/nextjs-anti-patterns --agent gemini

First time? Install Skilz: pip install skilz

Works with 22+ AI coding assistants

Cursor, Aider, Copilot, Windsurf, Qwen, Kimi, and more...

View All Agents
Download Agent Skill ZIP

Extract and copy to ~/.claude/skills/ then restart Claude Desktop

1. Clone the repository:
git clone https://github.com/mcclowes/vague-playground
2. Copy the agent skill directory:
cp -r vague-playground/.claude/skills/nextjs-anti-patterns ~/.claude/skills/

Need detailed installation help? Check our platform-specific guides:

Related Agentic Skills

Agentic Skill Details

Type
Technical
Meta-Domain
productivity
Primary Domain
pdf
Market Score
12

Report Security Issue

Found a security vulnerability in this agent skill?