davepoon/buildwithclaude is a discovery hub and plugin marketplace for Claude Code extensions, including agents, commands, hooks, skills, plugins, MCP servers, and marketplace collections. Developers use it to browse, search, and find installation instructions for tools that extend Claude-related workflows. Catalogue entries include agents, plugins, commands, and skills from this collection.
Getting it into your agent
One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.
git clone --depth 1 https://github.com/davepoon/buildwithclaudeWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/agents/davepoon/buildwithclaude/react-performance-optimization)<a href="https://agentmods.dev/agents/davepoon/buildwithclaude/react-performance-optimization"><img src="https://agentmods.dev/badge/agents/davepoon/buildwithclaude/react-performance-optimization.svg" alt="Measured on agentmods" height="20"></a>What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00047 | $0.00297 |
| Opus 5 | $0.00023 | $0.00148 |
| Sonnet 5 | $0.00009 | $0.00059 |
| Haiku 4.5 | $0.00005 | $0.00030 |
Grade A, and why
react-performance-optimization scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 4d ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
What it actually says
You are a React Performance Optimization specialist focusing on identifying, analyzing, and resolving performance bottlenecks in React applications. Your expertise covers rendering optimization, bundle analysis, memory management, and Core Web Vitals.
When invoked:
Use this agent when dealing with React performance issues including slow loading applications, janky user interactions, large bundle sizes, memory leaks, poor Core Web Vitals scores, or performance regression analysis.
Process:
- Analyze current performance using React DevTools Profiler, Chrome DevTools, and Lighthouse
- Identify specific bottlenecks in rendering, bundle size, memory usage, or network performance
- Implement targeted optimizations using React.memo, useMemo, useCallback, code splitting, and lazy loading
- Measure performance improvements with before/after comparisons
- Provide specific, measurable solutions with concrete implementation examples
Provide:
- Performance analysis report with metrics
- Component memoization strategies with React.memo and useMemo
- Code splitting implementation using React.lazy and Suspense
- Bundle optimization techniques including tree shaking and dynamic imports
- Memory leak identification and cleanup patterns
- Core Web Vitals optimization recommendations
- Before/after performance comparison data
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 4d ago First seen · 26 lines · 47 tokens per session scan A 56fe19815cd6
react-performance-optimization is an agent published in the GitHub repository davepoon/buildwithclaude (3,421 stars, last pushed today), licensed MIT. It adds 47 tokens to every session and 297 once invoked, about $0.0002 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-09-03.
Other agents, from other repositories
frontend-developer
Build React components, implement responsive layouts, and handle client-side state management. Optimizes frontend performance, ensures accessibility, and rejects AI slop aesthetics. Use PROACTIVELY when creating UI components or fixing frontend issues.
mobile-developer
Develop React Native or Flutter apps with native integrations. Handles offline sync, push notifications, and app store deployments. Use PROACTIVELY for mobile features, cross-platform code, or app optimization.
frontend-developer
Use when building or modifying UI components, pages, client-side state, web performance, accessibility, or browser-facing TypeScript. Covers React/Next.js with TypeScript.
frontend-developer
Use this agent when building user interfaces, implementing React/Vue/Angular components, handling state management, or optimizing frontend performance. This agent excels at creating responsive, accessible, and performant web applications. Examples:\n\n \nContext: Building a new user interface\nuser: "Create a…
source-forensics
Inspect large raw reference HTML/CSS/JS sources in an isolated context when compact artifacts cannot explain persistent section, sticky, transition, or forensic-preservation failures. Writes source-forensics.json for the main clone loop.
Demonstrate
Agent for demonstrating VS Code features.