react-dev
react-dev is an agent skill published by softaworks, listed under writing code. It lives in the softaworks/agent-toolkit repository, which has 2,592 GitHub stars and is licensed under MIT; we last read it on 2026-09-16.
This tool provides type-safe patterns for React components, including generic components, event typing, and routing integration with TanStack Router or React Router, suitable for React 18 and 19 with TypeScript.
Install
skills is a generic installer for any repository of Claude agent skills -- it reads softaworks/agent-toolkit’s own structure rather than assuming one, the same way this page reads the skill’s own SKILL.md rather than assuming a format.
npx skills add softaworks/agent-toolkit
Maintenance
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).
react-dev compared with similar skills
| Skill | Publisher | What it does | Repo stars | Last update |
|---|---|---|---|---|
| react-dev (this page) | softaworks | This skill should be used when building React components with TypeScript, typing hooks, handling events, or w… | 2,592 | 2026-03-05 |
| mui(same repository) | softaworks | Material-UI v7 component library patterns including sx prop styling, theme integration, responsive design, an… | 2,592 | 2026-03-05 |
| openapi-to-typescript(same repository) | softaworks | Converts OpenAPI 3.0 JSON/YAML to TypeScript interfaces and type guards. This skill should be used when the u… | 2,592 | 2026-03-05 |
| ship-learn-next(same repository) | softaworks | Transform learning content (like YouTube transcripts, articles, tutorials) into actionable implementation pla… | 2,592 | 2026-03-05 |
| web-artifacts-builder | anthropic | Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web tec… | 183,845 | 2026-10-09 |
| test-driven-development | addyosmani | Drives development with tests using the red-green-refactor loop. Use when implementing any logic, fixing any… | 110,611 | 2026-10-13 |
| animate-expo | emilkowalski | Build animations in React Native and Expo, making the decisions in the order that determines whether they fee… | 49,715 | 2026-10-11 |
Skills from the same repository first, then others for this job by repository stars. Figures are from each repository when we last read it.
Common questions about react-dev
- What does react-dev do?
- This tool provides type-safe patterns for React components, including generic components, event typing, and routing integration with TanStack Router or React Router, suitable for React 18 and 19 with TypeScript.
- How do I install react-dev?
- Run npx skills add softaworks/agent-toolkit. The skills installer reads the repository’s own structure, so it works for any repository of agent skills.
- Who publishes react-dev?
- softaworks.
- Is react-dev maintained, and what licence does it use?
- Its repository has 2,592 GitHub stars and its state in our directory is listed. Its last commit we recorded was on 2026-03-05. The repository declares the MIT licence.
More agent skills for writing code
- chat-uiby 101-skills
- pitch-deck-visualsby 101-skills
- video-ad-specsby 101-skills
- test-driven-developmentby addyosmani
- angular-developerby angular
- nitroby antfu