⚡
FrontendShell

Analyze Performance

by wasabeef

Analyze Performance is a Frontend skill for Claude Code, published by wasabeef in claude-code-cookbook.

1.1K stars111 forkson wasabeef/claude-code-cookbookAdded 2026/08/20Repository updated 2026/04/15
View source on GitHubDownload repo ZIP
claude-code
Install in seconds
Install Analyze Performance
Copy Analyze Performance into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.
terminal
npx degit https://github.com/wasabeef/claude-code-cookbook/tree/main/plugins/en/skills/analyze-performance ~/.claude/skills/analyze-performance

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/wasabeef/claude-code-cookbook.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file
plugins/en/skills/analyze-performance/SKILL.md in wasabeef/claude-code-cookbook
Installs to
~/.claude/skills/analyze-performance
Collection
One of 25 skills cataloged from this repository
Category
Frontend — 567 skills

What Analyze Performance does

Analyze Performance evaluates Core Web Vitals and quantifies user experience improvements from optimizations. Use it when analyzing page speed, identifying performance bottlenecks, or prioritizing performance fixes.

Analyze Performance is cataloged under Frontend on DirSkills. Analyze Performance comes from a repository tagged claude-code.

Frequently asked about Analyze Performance

  • What else does wasabeef publish alongside Analyze Performance?

    Analyze Performance is one of 25 skills that DirSkills catalogs from wasabeef/claude-code-cookbook, the repository it ships in. Its siblings there include Analyze Dependencies, Check Fact and Check Prompt. Each one is a separate skill with its own page in this directory, installs the same way Analyze Performance does, and is maintained by wasabeef in that same repository. The rest of the collection is listed on the wasabeef/claude-code-cookbook page.

  • How does Analyze Performance compare to other Frontend skills?

    Analyze Performance ranks #305 by stars among the 567 Frontend skills in this catalog. The most-starred ones next to it are Angular Developer, Android Clean Architecture and Accessibility. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of Analyze Performance against them. Open each page to compare what they document and how they install.

More from wasabeef/claude-code-cookbook

Analyze Performance is one of 25 skills cataloged on DirSkills from wasabeef/claude-code-cookbook.

See all 25 skills →
📊
2w ago

Analyze Dependencies

Analyze Dependencies evaluates project dependencies and architectural health, generating dependency matrices, fan-in/fan-out analysis, and prioritized improvement suggestions. Use it to detect circular dependencies, layer violations, excessive coupling, and orphaned modules.
Quality
1.1K111
🔍
2w ago

Check Fact

Check Fact verifies whether statements are accurate by checking a project's code, documentation, and config files. Use it to fact-check technical claims, architecture choices, or documentation accuracy.
Quality
1.1K111
🔍
2w ago

Check Prompt

Check Prompt evaluates and improves AI prompt quality by analyzing prompts against best practices for structure, executability, prohibited items, quality assurance, roles, and continuous improvement. Use it to score, deep-analyze, or automatically fix prompts for AI agents.
AI Engineering
1.1K111
📝
2w ago

Commit Message

Commit Message generates commit messages from staged changes (git diff --staged) and copies the top suggestion to the clipboard. Use it when you want to quickly write a conventional commits message without running git commands.
Automation
1.1K111
🔍
2w ago

Context7

Context7 searches technical documentation using the Context7 MCP, triggered by requests like "check the docs" or "how to use this library?". Use it to look up API references and solutions from official docs within Claude Code.
AI Engineering
1.1K111
🧩
2w ago

Design Patterns

Design Patterns suggests applicable software design patterns and checks code for SOLID compliance and anti-patterns. Use it to evaluate existing architecture, propose refactors, and get example implementations.
Quality
1.1K111

More Frontend skills

Analyze Performance is one of 567 Frontend skills cataloged on DirSkills, ranked #305 by stars among them.

Browse all Frontend skills →
🅰️
3w ago

Angular Developer

Angular Developer generates Angular code and provides architectural guidance for Angular projects. Use it for creating projects, components, or services, or for best practices on reactivity, forms, DI, routing, SSR, accessibility, animations, styling, testing, and CLI tooling.
Frontend
239.8K36.4K
🏗️
3w ago

Android Clean Architecture

Android Clean Architecture provides patterns for structuring Android and Kotlin Multiplatform projects, covering module boundaries, UseCases, Repositories, and data layer with Room, SQLDelight, and Ktor. Use it when setting up layered architecture in Android or KMP projects.
Frontend
239.8K36.4K
♿
3w ago

Accessibility

Accessibility helps design, implement, and audit inclusive digital products using WCAG 2.2 Level AA standards for keyboard, contrast, and screen-reader support. Use it when building or auditing UI that must meet WCAG 2.2 Level AA or reviewing changes for accessibility.
Frontend
239.8K36.4K