Performance Profiling
A systematic approach to finding and fixing performance bottlenecks without guessing. You get a clear four-step workflow (baseline, identify, fix, validate), concrete Core Web Vitals targets, and tool recommendations mapped to specific problems. The included Lighthouse audit script handles automated profiling, while lookup tables help you interpret DevTools output and prioritize fixes. What I like here is the anti-patterns section that pushes back on premature optimization and reminds you to profile before you optimize. Best used when you're staring at slow page loads or janky interactions and need a methodical way to diagnose what's actually wrong rather than throwing random performance tricks at the wall.
- skills.sh installs
- 349
- GitHub stars
- 33.2K
- last updated
- Aug 21, 2026
Install
$ npx -y skills add davila7/claude-code-templates --skill performance-profiling --agent claude-codeInstalls into .claude/skills of the current project.
Files
Performance Profiling
Measure, analyze, optimize - in that order.
🔧 Runtime Scripts
Execute these for automated profiling:
| Script | Purpose | Usage |
|---|---|---|
scripts/lighthouse_audit.py | Lighthouse performance audit | python scripts/lighthouse_audit.py https://example.com |
1. Core Web Vitals
Targets
| Metric | Good | Poor | Measures |
|---|---|---|---|
| LCP | < 2.5s | > 4.0s | Loading |
| INP | < 200ms | > 500ms | Interactivity |
| CLS | < 0.1 | > 0.25 | Stability |
When to Measure
| Stage | Tool |
|---|---|
| Development | Local Lighthouse |
| CI/CD | Lighthouse CI |
| Production | RUM (Real User Monitoring) |
2. Profiling Workflow
The 4-Step Process
1. BASELINE → Measure current state
2. IDENTIFY → Find the bottleneck
3. FIX → Make targeted change
4. VALIDATE → Confirm improvement
Profiling Tool Selection
| Problem | Tool |
|---|---|
| Page load | Lighthouse |
| Bundle size | Bundle analyzer |
| Runtime | DevTools Performance |
| Memory | DevTools Memory |
| Network | DevTools Network |
3. Bundle Analysis
What to Look For
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/davila7/claude-code-templates
- Category
- Debugging
- First seen
- Jun 3, 2026
More from davila7/claude-code-templates
All 618- Server Management349
- Tensorrt Llm349
- Deslop348
- Algorithmic Art347
- Email Systems347
- Faiss347
- Voice Agents347
- Git Pushing346
- Brand Guidelines344
- Paid Ads344
- Guidance343
- Executing Plans342
- Launch Strategy342
- Marp Slide342
- Writing Clearly And Concisely342
- Browser Extension Builder341
- Huggingface Tokenizers340
- Llama Factory339
- Stable Baselines3338
- Bullmq Specialist337
- Crewai337
- Quantizing Models Bitsandbytes337
- Nemo Curator336
- Discord Bot Architect335
Recommended
More Debugging
error-debugging-error-tracesickn33/antigravity-awesome-skillserror debugging error trace281skills.sh installs
power-bi-performance-troubleshootinggithub/awesome-copilotSystematic Power BI performance troubleshooting prompt for identifying, diagnosing, and resolving performance issues in Power BI models, reports, and queries.8.9Kskills.sh installserror-debugging-multi-agent-reviewsickn33/antigravity-awesome-skillserror debugging multi agent review319skills.sh installsdebugging-toolkit-smart-debugsickn33/antigravity-awesome-skillsdebugging toolkit smart debug267skills.sh installs
python-performance-profilerjorgealves/agent_skillsIdentify CPU and memory bottlenecks in Python code using cProfile or memory_profiler. Use to optimize mission-critical Python services.220skills.sh installs