Grey Haven Performance Optimization
Helps with performance optimization, optimization as part of building frontend UIs and user experiences workflows.
Install on your platform
We auto-selected Claude Code based on this skill’s supported platforms.
Run in terminal (recommended)
claude mcp add grey-haven-performance-optimization npx -- -y @trustedskills/grey-haven-performance-optimization
Or manually add to ~/.claude/settings.json
{
"mcpServers": {
"grey-haven-performance-optimization": {
"command": "npx",
"args": [
"-y",
"@trustedskills/grey-haven-performance-optimization"
]
}
}
}Requires Claude Code (claude CLI). Run claude --version to verify your install.
About This Skill
What it does
This skill optimizes frontend performance by analyzing code and suggesting improvements. It identifies potential bottlenecks in JavaScript execution, CSS rendering, and asset loading. The agent can then implement these suggestions to reduce page load times and improve overall user experience.
When to use it
- Slow website pages: When users report slow loading times or a sluggish feel on your frontend.
- Large Javascript bundles: To analyze and optimize large JavaScript files that are impacting initial load performance.
- Complex CSS rendering: When complex CSS rules are causing reflows and repaints, slowing down the browser's ability to display content.
- Unoptimized images or assets: To identify and compress images and other static assets for faster delivery.
Key capabilities
- JavaScript code analysis
- CSS rendering optimization suggestions
- Asset loading improvement recommendations
- Bundle size reduction strategies
Example prompts
- "Analyze this JavaScript file for performance bottlenecks: [file content]"
- "Suggest ways to optimize the CSS rendering on my homepage."
- "Can you identify any unoptimized images on this page?"
Tips & gotchas
The agent requires access to your frontend codebase or URLs to analyze. Performance optimization is often iterative; review and test suggested changes thoroughly before deploying them.
Tags
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 |
🌐 Community
Passed automated security scans.