Frontend Performance Reviewer

Name: Frontend Performance Reviewer
Author: jarrodmedrano

🌐Community

by jarrodmedrano · vlatest · Repository

Helps with frontend development, performance optimization as part of agent workflows workflows.

Install on your platform

We auto-selected Claude Code based on this skill’s supported platforms.

Run in terminal (recommended)

terminal

claude mcp add frontend-performance-reviewer npx -- -y @trustedskills/frontend-performance-reviewer

Or manually add to ~/.claude/settings.json

~/.claude/settings.json

{
  "mcpServers": {
    "frontend-performance-reviewer": {
      "command": "npx",
      "args": [
        "-y",
        "@trustedskills/frontend-performance-reviewer"
      ]
    }
  }
}

Requires Claude Code (claude CLI). Run claude --version to verify your install.

About This Skill

What it does

This skill analyzes frontend code and provides performance review feedback. It identifies potential bottlenecks, suggests optimizations for improved loading times, and assesses the overall efficiency of web applications. The tool aims to help developers create faster and more responsive user experiences.

When to use it

Pre-release optimization: Before deploying a new feature or version of an application, identify and address performance issues proactively.
Troubleshooting slow pages: Quickly diagnose why specific pages are loading slowly and receive targeted recommendations for improvement.
Code review process: Integrate into code reviews to ensure frontend performance standards are met consistently across the team.
Refactoring legacy code: Evaluate the performance impact of refactoring older codebase sections.

Key capabilities

Performance bottleneck identification
Optimization suggestions
Loading time assessment
Efficiency analysis

Example prompts

"Review the frontend performance of this React component: [component code]"
"Analyze the loading speed of my website's homepage and suggest improvements."
"Can you identify any potential performance issues in this JavaScript file?"

Tips & gotchas

The skill’s effectiveness depends on providing accurate and complete code snippets. Large, complex projects may require iterative analysis for comprehensive results.

View Repository →

TrustedSkills Verification

Unlike other registries that point to live repositories, TrustedSkills pins every skill to a verified commit hash. This protects you from malicious updates — what you install today is exactly what was reviewed and verified.

Security Audits

Gen Agent Trust Hub	Pass
Socket	Pass
Snyk	Pass

Details

Version: vlatest
License
Author: jarrodmedrano
Installs: 8

Repository (canonical source) →

🌐 Community

Passed automated security scans.