rerender
95 / 100 · Low risk
Fine to try. Some of what it can do is expected: a coding skill usually runs build and test commands.
Runs a real re-render benchmark on every React component in a project and renders a Lighthouse-style light-theme performance report. For each component it mounts the real code in jsdom inside a React Profiler, forces a fixed number of parent re-renders with stable props, and counts the renders React could have skipped (wasted renders) plus render durations, then scores each component 0-100. Use when the user runs /rerender or asks to measure, benchmark, or find React re-render / wasted-render /…
What this skill can do
Runs commands on your computer
Install
Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.
if [ -e ~/.agents/skills/'rerender' ] || [ -L ~/.agents/skills/'rerender' ]; then echo 'A skill folder named rerender already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/diegopacheco/ai-playground' "$d" && git -C "$d" checkout --quiet 'd9a66a7614b743615074ea74689ae2039fadcb2d' -- 'pocs/agent-skill-react-rerender/skills/rerender' && mkdir -p ~/.agents/skills && cp -R "$d"/'pocs/agent-skill-react-rerender/skills/rerender' ~/.agents/skills/'rerender' && rm -rf "$d"; fi
Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'rerender' ~/.claude/skills/'rerender' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.
Badge for your README
[](https://zalavijaysinh.github.io/skilltrust/repos/diegopacheco/ai-playground/)
Score history
| Date | Version | Score |
|---|---|---|
| 2026-11-08 | d9a66a7 | 95 |