por Juanjo LunaDesarrollar aplicaciones React
Te ayuda a crear componentes y resolver problemas de renderizado en React 18 y Next.js. Úsalo para hooks personalizados, gestión de estado, componentes de servidor y mejoras de rendimiento.
Descripción original (inglés)
react-expert: Use when building React 18+ applications in .jsx or .tsx files, Next.js App Router projects, or create-react-app setups. Creates components, implements custom hooks, debugs rendering issues, migrates class components to functional, and implements state management. Invoke for Server Components, Suspense boundaries, useActionState forms, performance optimization, or React 19 features.
Cómo instalarla
Una skill es una carpeta con un fichero SKILL.md. Para instalarla basta con copiar la carpeta react-expert en el sitio donde tu agente busca sus skills.
- Sin terminal: abre la carpeta en GitHub, descárgala y cópiala en la carpeta de tu agente (tabla de abajo).
- Con terminal (macOS, Linux o Git Bash en Windows): elige tu agente y copia los comandos.
git clone --depth 1 https://github.com/Jeffallan/claude-skills.git /tmp/skill-src
mkdir -p ~/.claude/skills
cp -r "/tmp/skill-src/skills/react-expert" ~/.claude/skills/react-expert
rm -rf /tmp/skill-src| Agente | Para todos tus proyectos | Solo un proyecto |
|---|---|---|
| Claude Code | ~/.claude/skills | .claude/skills |
| GitHub Copilot | ~/.copilot/skills | .github/skills |
| Codex | ~/.agents/skills | .agents/skills |
| Gemini CLI | ~/.gemini/skills | .gemini/skills |
Muchos agentes leen también .agents/skills. Reinicia el agente después de instalar. Antes de instalar una skill, revisa su SKILL.md y los scripts que incluya: se ejecutan con tus permisos.
Más skills de Jeffallan/claude-skills
- Crear apps Angular 17 angular-architect
- Diseñar APIs REST y GraphQL api-designer
- Diseñar arquitectura de sistemas architecture-designer
- Gestionar Jira y Confluence atlassian-mcp
- Diseñar pruebas de caos chaos-engineer
- Crear herramientas de línea de comandos cli-developer
- Diseñar arquitecturas cloud cloud-architect
- Documentar código y APIs code-documenter
Explicación redactada con ayuda de IA a partir de la descripción original.