react-dev

95 / 100 · Low risk

Fine to try.

By davila7/claude-code-templates (GitHub) · coding · 33,256 stars · scanned at commit a6e6f93

This skill should be used when building React components with TypeScript, typing hooks, handling events, or when React TypeScript, React 19, Server Components are mentioned. Covers type-safe patterns for React 18-19 including generic components, proper event typing, and routing integration (TanStack Router, React Router).

Works with any agent that supports SKILL.md skills.

What this skill can do

Sends data to these websites: api.example.com

The author does not mention this.

Found in 5 places.

cli-tool/components/skills/development/react-dev/examples/server-components.md, line 38const res = await fetch(`https://api.example.com/users/${id}`, {
cli-tool/components/skills/development/react-dev/references/hooks.md, line 263fetch(url)
cli-tool/components/skills/development/react-dev/references/react-19-patterns.md, line 428await fetch('/api/messages', {

Show 2 more

cli-tool/components/skills/development/react-dev/references/react-19-patterns.md, line 480const updated = await fetch(`/api/cart/${id}`, {
cli-tool/components/skills/development/react-dev/references/tanstack-router.md, line 135const res = await fetch(`/api/users/${id}`);

Install

Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.

if [ -e ~/.agents/skills/'react-dev' ] || [ -L ~/.agents/skills/'react-dev' ]; then echo 'A skill folder named react-dev already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/davila7/claude-code-templates' "$d" && git -C "$d" checkout --quiet 'a6e6f93e9a4baaa6ff337aee5505bf5c2bae4ce6' -- 'cli-tool/components/skills/development/react-dev' && mkdir -p ~/.agents/skills && cp -R "$d"/'cli-tool/components/skills/development/react-dev' ~/.agents/skills/'react-dev' && 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/'react-dev' ~/.claude/skills/'react-dev' (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

The badge for davila7/claude-code-templates shows the score of its lowest-scoring skill.

SkillTrust badge for davila7/claude-code-templates

[![SkillTrust](https://zalavijaysinh.github.io/skilltrust/badges/davila7/claude-code-templates.svg)](https://zalavijaysinh.github.io/skilltrust/repos/davila7/claude-code-templates/)

Score history

Date	Version	Score
2026-11-10	`a6e6f93`	95
2026-11-08	`b086f26`	95
2026-11-07	`395f30e`	75

Also found in

Identical copies of this skill exist at:

Dicklesworthstone/pi_agent_rust/tests/ext_conformance/artifacts/templates-davila7/cli-tool/components/skills/development/react-dev
aicodedecode/awesome-muse-skills/skills-imported/react-dev
softaworks/agent-toolkit/dist/plugins/react-dev/skills/react-dev
softaworks/agent-toolkit/skills/react-dev