← Back to Skills Marketplace
ivangdavila

React

by Iván · GitHub ↗ · v1.0.7 · MIT-0
cross-platform ✓ Security Clean
9015
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
Before installing, be aware that the skill may create or reuse local React preference files under ~/Clawic/data/react/. If you already have data in ~/react/ or ~/clawic/react/, review it before migrating so nothing important is overwritten. The React project setup commands should only be run in projects where you intend to scaffold or install those dependencies.
Capability Assessment
✓ Credentials
The requested local file usage is limited to skill-specific React preference and memory files, and the npm/npx examples are normal for React project setup.
ℹ Install Mechanism
The setup file contains ordinary project scaffolding and package install examples, plus memory setup steps; one setup command creates ~/react while the active config path is ~/Clawic/data/react/, which appears inconsistent but not unsafe.
ℹ Instruction Scope
It instructs the agent to maintain user preferences and memory under ~/Clawic/data/react/ and to move old skill data from ~/react/ or ~/clawic/react/; this is disclosed and narrowly scoped, but users should avoid overwriting existing files unintentionally.
ℹ Persistence & Privilege
The skill uses persistent local memory/config files for React preferences and per-project facts, which is expected for reusable development guidance and is clearly disclosed.
✓ Purpose & Capability
The skill provides React development guidance, debugging patterns, setup recommendations, and review checklists consistent with its stated 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 9015 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
Polymarket
Query Polymarket prediction markets. Check odds, find trending markets, search events, track price movements.
⬇ 232503 · by joelchance
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...
⬇ 193767 · 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

💬 Comments