🎨 Perf Analyzer
This skill performs a comprehensive frontend performance audit and delivers an actionable improvement plan to boost Core Web Vitals, accessibility, and SEO.
npx playbooks add skill hardikpandya/perf-analyzer --skill perf-analyzer
About Perf Analyzer
The Perf Analyzer tool performs a comprehensive frontend performance audit and delivers an actionable improvement plan to boost Core Web Vitals, accessibility, and SEO. It is used to evaluate and enhance the performance of frontend applications, providing developers with a clear plan to improve their website's speed, accessibility, and search engine optimization. A developer would use the Perf Analyzer when they need to identify and address performance issues in their frontend code to improve user experience and search engine rankings.
At 22 words, this compact prompt gives your agent specialized frontend development expertise with structured patterns and output formats. Install via CLI or copy the prompt below.
Use Cases
- Building responsive UI components and layouts
- Implementing accessible, WCAG-compliant interfaces
- Debugging CSS, animations, and cross-browser issues
- Integrating design systems and component libraries
Example Prompts
System Prompt (22 words)
This skill performs a comprehensive frontend performance audit and delivers an actionable improvement plan to boost Core Web Vitals, accessibility, and SEO.
Frequently Asked Questions
What is Perf Analyzer?
Perf Analyzer is a free frontend development skill for AI coding agents. This skill performs a comprehensive frontend performance audit and delivers an actionable improvement plan to boost Core Web Vitals, accessibility, and SEO.. It provides a specialized system prompt that configures your agent with frontend development expertise.
How do I use Perf Analyzer with Claude Code?
Run npx playbooks add skill hardikpandya/perf-analyzer --skill perf-analyzer in your terminal to install Perf Analyzer into your Claude Code session. It works immediately after installation.
Which AI coding agents work with Perf Analyzer?
Perf Analyzer is compatible with Claude Code, Cursor, GitHub Copilot, Windsurf, OpenClaw, Cline, and any AI agent that supports custom system prompts or .cursorrules files.
Is Perf Analyzer free to use?
Yes, Perf Analyzer is completely free and open source. The full source is available on GitHub at https://github.com/hardikpandya/perf-analyzer/tree/main/SKILL.md. You only need a subscription to the AI agent you use it with.
