home/categories/debugging/agentivecity-skillfactory-claude-skills-nextjs-performance-optimizer-skill-md
debuggingtools
nextjs-performance-optimizer
Use this skill whenever the user wants to analyze, improve, or enforce performance best practices in a Next.js (App Router) + TypeScript + Tailwind + shadcn/ui project, including bundle size, data fetching, caching, streaming, images, fonts, and client/server boundaries.
maintainer
AgentiveCity
Updated 12/5/2025
Stars
1
Forks
0
quick start
Installation and usage
Use this skill whenever the user wants to analyze, improve, or enforce performance best practices in a Next.js (App Router) + TypeScript + Tailwind + shadcn/ui project, including bundle size, data fetching, caching, streaming, images, fonts, and client/server boundaries.
Installation
$ install --globalskills.sh
Usage
Once installed, you can use this skill by running the following command in your terminal:
skills use nextjs-performance-optimizer