Claude Skills · Code Review & Testing
React Render Profiler
imtiazrayhan/agentscamp-libraryFind and fix wasteful React re-renders by classifying the cause — unstable prop/callback/object identities, context value churn, state lifted too high, expensive work in render, or unvirtualized lists — confirming it with a measurement, then applying the one targeted fix and re-measuring. Use when a React UI is janky, slow to type in, or re-renders far more than the data actually changed.
At a glance
This skill is for Code Review & Testing and helps you debug slow react renders, find wasteful re-renders, and fix react performance issues.
git clone --depth 1 https://github.com/imtiazrayhan/agentscamp-library
cp -r agentscamp-library/skills/react-render-profiler ~/.claude/skills/react-render-profiler
Setup, runtime and requirements describe imtiazrayhan/agentscamp-library, the repo this skill ships in.
reactperformanceProfilingRe Rendersoptimizationdebugging
Also in imtiazrayhan/agentscamp-library
View the repoAudit a UI change for accessibility regressions by combining automated checks with keyboard, focus, semantic, name-role-value, contrast, zoo...
Write an Architecture Decision Record capturing a decision the user describes, in Michael Nygard ADR format (Status, Context, Decision, Cons...
Design a project's CLAUDE.md and memory hierarchy by exploring the repo to learn its real build/test/lint commands, architecture, and non-ob...
Evaluate a multi-step AI agent's whole run — tool calls, intermediate steps, and final result — not just final-answer correctness, so you ca...
Cut alert noise and make every page mean something — rewrite alerting rules to fire on user-felt symptoms (error rate, latency SLO burn, fai...
Plan the retirement of an API endpoint, field, event, tool, or version without surprising active consumers. Use when replacing an interface,...
Design or normalize an API's error contract so clients get stable machine-readable codes, safe human messages, field-level validation detail...
Generate accurate architecture diagrams as Mermaid — straight from the codebase, not from imagination — by first choosing which view answers...
Read-only review of authentication AND authorization flows — session/token model, cookie flags, CSRF, token rotation, password-reset/email-v...
Audit scheduled jobs, queue consumers, workers, and asynchronous workflows for delivery assumptions, idempotency, retries, poison messages,...
Rebase the current branch onto its base and walk every conflict methodically, resolving each by understanding both sides. Use when your feat...
Analyze a JS/TS production bundle and surface the biggest size wins — heavy dependencies, duplicate packages, missing code-splitting, oversi...
Other Code Review & Testing skills
A relentless interview to sharpen a plan or design, which also creates docs (ADR's and glossary) as we go.
Use when you need to resolve an in-progress git merge/rebase conflict.
Create exercise directory structures with sections, problems, solutions, and explainers that pass linting. Use when user wants to scaffold e...
Migrate test files from `as` type assertions to @total-typescript/shoehorn. Use when user mentions shoehorn, wants to replace `as` in tests,...
Move issues and external PRs through a state machine of triage roles — categorise, verify, grill if needed, and write agent-ready briefs.
A relentless interview that asks every frontier question at once, round by round.