skills/performance-profiling/SKILL.md
Identify performance bottlenecks systematically. Measure before optimizing.
npx skillsauth add timequity/vibe-coder performance-profilingInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
Measure first. Optimize second. Verify third.
Never optimize based on intuition. Profile to find actual bottlenecks.
# Node.js
node --prof app.js
node --prof-process isolate-*.log > profile.txt
# Browser
Performance tab → Record → Analyze
Look for:
"Function X is slow because Y"
One change at a time:
Compare against baseline. Must be measurably better.
| Symptom | Likely Cause | |---------|--------------| | Slow page load | Large bundle, blocking resources | | Slow API | N+1 queries, missing indexes | | Memory growth | Leaks, unbounded caches | | CPU spikes | Inefficient loops, regex |
Node.js:
--prof flagclinic.js0x flame graphsBrowser:
Database:
development
Hidden quality gate that runs before showing "Done!" to user - ensures all tests pass, build succeeds, and requirements met before claiming completion
data-ai
Use when about to claim work is complete or fixed - requires running verification commands and confirming output before making any success claims
tools
Generate UI components from natural language descriptions. Use when: user asks for a page, component, or UI element. Triggers: "create page", "add component", "show form", "make button", "страница", "компонент", "форма".
content-media
10 ready-to-use themes with colors and fonts for consistent styling. Use when: applying visual themes to pages, components, or design systems. Triggers: "theme", "color palette", "color scheme", "fonts", "branding", "visual identity", "design system colors".