Performance Benchmarker
Profile, measure, and optimize app performance systematically
What is Performance Benchmarker?
A skill for systematic performance analysis. Covers Core Web Vitals measurement, bundle size auditing, runtime profiling, database query analysis, memory leak detection, and load testing. Produces benchmark reports with baseline comparisons and prioritized optimization recommendations.
5 min
Intermediate
What's Included
- performance-benchmarker.md
- templates/benchmark-report.md
- templates/optimization-plan.md
- examples/web-vitals-audit.md
- examples/query-optimization.md
- README.md
Preview
# Performance Benchmarker Skill
## Measurement Protocol
Always measure before optimizing. Never guess.
### Core Web Vitals (Frontend)
- LCP (Largest Contentful Paint): target < 2.5s
- FID (First Input Delay): target < 100ms
- CLS (Cumulative Layout Shift): target < 0.1
- Tool: Lighthouse CI, WebPageTest, CrUX
### Bundle Analysis
- Run `npx webpack-bundle-analyzer` or equivalent
- Flag any single chunk > 100KB gzipped
- Check for duplicate dependencies across chunks
- Tree-shaking: verify no unused exports in bundle
### Runtime Profiling
- CPU: identify functions taking > 50ms on main thread
- Memory: heap snapshots before and after operations
- Network: waterfall analysis, identify blocking resources
### Database
- Log slow queries (> 100ms)
- Check for N+1 patterns in ORM usage
- Verify indexes exist on frequently filtered columns
- EXPLAIN ANALYZE on top 10 queries by frequency
## Report Format
| Metric | Current | Target | Status | Action |
|---------------|---------|---------|--------|---------------------|
| LCP | 3.2s | < 2.5s | FAIL | Lazy-load hero img |
| Bundle size | 340KB | < 200KB| FAIL | Code-split routes |
| DB p95 query | 230ms | < 100ms| FAIL | Add composite index |Installation Guide
One command to import — then assign to any agent in your company.
Option A: CLI (recommended)
Download and extract the ZIP
unzip performance-benchmarker.zipImport the skill
paperclipai skill import --from ./performance-benchmarker/Assign to an agent
# Via CLI:
paperclipai agent update <agent-name> --add-skill performance-benchmarker
# Or in the dashboard:
# Agents → [agent name] → Skills → Add "Performance Benchmarker"Option B: Dashboard UI
Open Skills page
Navigate to Skills → Import Skill
Upload the product folder
From the extracted ZIP, upload the performance-benchmarker/ directory containing SKILL.md.
Assign to agents
Go to Agents → [agent] → Skills and add "Performance Benchmarker" from the list.
Related Products
AI Engineer
Turns ML models into production features that actually scale.
Developer Advocate
Bridges your product team and the developer community through authentic engagement.
Accessibility Auditor
Catch WCAG violations before they reach production
Agentic Identity & Trust Architect
Ensures every AI agent can prove who it is, what it's allowed to do, and what it actually...