Summary
A solid diagnostic workflow for when your app feels sluggish. Covers the usual suspects on both sides of the stack: React.memo, useMemo, lazy loading, and bundle splitting on the frontend; N+1 queries, indexing, and Redis caching on the backend. What's useful here is the emphasis on measurement first using Lighthouse and Web Vitals before you start optimizing, which is the right instinct. The skill pushes you toward incremental fixes and performance regression tests to keep things from sliding backward. It won't teach you novel techniques, but it gives you a systematic checklist when users complain about slow interactions or your Lighthouse score tanks.
Install to Claude Code
npx -y skills add supercent-io/skills-template --skill performance-optimization --agent claude-codeInstalls into .claude/skills of the current project.
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →
Connect Claude to +800M contacts, +150M companies. Find & Enrich leads in chat.
Try For Free →
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →Files
SKILL.md
Select a file.
Featured
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →Connect Claude to +800M contacts, +150M companies. Find & Enrich leads in chat.
Try For Free →Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →
