← Back to Skills Marketplace
ivangdavila

React

by Iván · GitHub ↗ · v1.0.7 · MIT-0
cross-platform ✓ Security Clean
9642
Downloads
3
Stars
0
Active Installs
8
Versions
Install in OpenClaw
/install react
Description
Builds, debugs, and reviews React apps: components, hooks, state, Server Components, forms, performance, testing. Use when writing or refactoring components, choosing state management (useState, Context, Zustand, TanStack Query, Redux), when a component rerenders too often, loops infinitely ("too many re-renders"), shows stale or not-updating state, fails with a hydration mismatch or hook-order error, when an effect fires twice or fetches race, when typing lags or long lists scroll slowly, when adopting React 19, Server Actions, or the React Compiler, when testing components with Testing Library, typing props in TypeScript, or reviewing AI-generated React code. Not for React Native (mobile) or Next.js routing and deployment — use react-native or nextjs.
Usage Guidance
Safe to install as a React guidance skill. Before running the optional setup commands, consider pinning package versions and running scaffolding in a normal least-privileged project environment; do not put secrets in the skill memory file.
Capability Assessment
✓ Credentials
The requested node binary and React project scaffolding commands are proportionate for a React development skill and are not automatic or hidden.
ℹ Install Mechanism
The skill itself is Markdown metadata and guidance, but setup examples include mutable npx/npm commands such as create-next-app@latest, vite@latest, shadcn@latest, and unpinned npm installs.
ℹ Instruction Scope
The setup guidance leans toward Next.js despite the manifest saying routing and deployment specifics belong to the nextjs skill; this is a scope-quality mismatch, not a security concern.
ℹ Persistence & Privilege
The skill discloses persistent user preferences and project memory under ~/Clawic/data/react/; this is purpose-aligned and skill-scoped, though users should avoid storing secrets there.
✓ Purpose & Capability
The artifacts provide React component, state, forms, testing, performance, and migration guidance consistent with the declared React development purpose.
How to Use
  1. Make sure OpenClaw is installed (local or Docker)
  2. Run the install command in chat: /install react
  3. After installation, invoke the skill by name or use /react
  4. Provide required inputs per the skill's parameter spec and get structured output
Version History
v1.0.7
Display name shown correctly
v1.0.6
Full coverage pass: deeper guides, situation-named files, and per-user configuration
v1.0.5
Deeper patterns, pitfalls, and performance guidance
v1.0.4
Added React 19 coverage, Server Components, AI Mistakes section, Core Rules, state management patterns, setup system
v1.0.3
Initial release
v1.0.2
Auxiliares rehecho con 100% trampas
v1.0.1
Upgrade: nueva estructura con archivos auxiliares, manteniendo todas las trampas originales
v1.0.0
Initial release
Metadata
Slug react
Version 1.0.7
License MIT-0
All-time Installs 0
Active Installs 0
Total Versions 8
Frequently Asked Questions

What is React?

Builds, debugs, and reviews React apps: components, hooks, state, Server Components, forms, performance, testing. Use when writing or refactoring components, choosing state management (useState, Context, Zustand, TanStack Query, Redux), when a component rerenders too often, loops infinitely ("too many re-renders"), shows stale or not-updating state, fails with a hydration mismatch or hook-order error, when an effect fires twice or fetches race, when typing lags or long lists scroll slowly, when adopting React 19, Server Actions, or the React Compiler, when testing components with Testing Library, typing props in TypeScript, or reviewing AI-generated React code. Not for React Native (mobile) or Next.js routing and deployment — use react-native or nextjs. It is an AI Agent Skill for Claude Code / OpenClaw, with 9642 downloads so far.

How do I install React?

Run "/install react" in the OpenClaw or Claude Code chat to install it in one step — no extra setup required.

Is React free?

Yes, React is completely free, licensed under MIT-0. You can download, install and use it at no cost.

Which platforms does React support?

React is cross-platform and runs anywhere OpenClaw / Claude Code is available (cross-platform).

Who created React?

It is built and maintained by Iván (@ivangdavila); the current version is v1.0.7.

More Skills
self-improving agent
A skill where the agent logs it's own findings for self-improvement
⬇ 464169 · by pskoett
Skill Vetter
Security-first skill vetting for AI agents. Use before installing any skill from ClawdHub, GitHub, or other sources. Checks for red flags, permission scope, and suspicious patterns.
⬇ 265452 · by spclaudehome
Self-Improving + Proactive Agent
Self-reflection + Self-criticism + Self-learning + Self-organizing memory. Agent evaluates its own work, catches mistakes, and improves permanently. Use when...
⬇ 204648 · by ivangdavila
ontology
Typed knowledge graph for structured agent memory and composable skills. Use when creating/querying entities (Person, Project, Task, Event, Document), linkin...
⬇ 198961 · by oswalpalash
Github
Interact with GitHub using the `gh` CLI. Use `gh issue`, `gh pr`, `gh run`, and `gh api` for issues, PRs, CI runs, and advanced queries.
⬇ 191405 · by steipete
Gog
Google Workspace CLI for Gmail, Calendar, Drive, Contacts, Sheets, and Docs.
⬇ 187346 · by steipete

💬 Comments