react-component-dev
✓Cree componentes de React con patrones, accesibilidad y composición adecuados. Úselo al crear nuevos componentes, refactorizar los existentes o revisar la arquitectura de los componentes. Cubre forwardRef, diseño de accesorios, accesibilidad, organización de archivos y enfoques de prueba.
Instalación
SKILL.md
Patterns for building composable, accessible, well-structured React components.
| className | string | Style composition | | children | ReactNode | Content (when applicable) | | ...rest | native props | Forward all valid HTML attributes |
| forwardRef | Wrapping DOM elements | | ComponentPropsWithoutRef | Inheriting native props | | cn() | Merging classNames | | as const | Literal type inference | | useImperativeHandle | Custom ref APIs (rare) | | React.Children | Manipulating children (avoid if possible) |
Cree componentes de React con patrones, accesibilidad y composición adecuados. Úselo al crear nuevos componentes, refactorizar los existentes o revisar la arquitectura de los componentes. Cubre forwardRef, diseño de accesorios, accesibilidad, organización de archivos y enfoques de prueba. Fuente: petekp/claude-code-setup.
Datos (listos para citar)
Campos y comandos estables para citas de IA/búsqueda.
- Comando de instalación
npx skills add https://github.com/petekp/claude-code-setup --skill react-component-dev- Fuente
- petekp/claude-code-setup
- Categoría
- </>Desarrollo
- Verificado
- ✓
- Primera vez visto
- 2026-02-01
- Actualizado
- 2026-02-18
Respuestas rápidas
¿Qué es react-component-dev?
Cree componentes de React con patrones, accesibilidad y composición adecuados. Úselo al crear nuevos componentes, refactorizar los existentes o revisar la arquitectura de los componentes. Cubre forwardRef, diseño de accesorios, accesibilidad, organización de archivos y enfoques de prueba. Fuente: petekp/claude-code-setup.
¿Cómo instalo react-component-dev?
Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/petekp/claude-code-setup --skill react-component-dev Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code o Cursor
¿Dónde está el repositorio de origen?
https://github.com/petekp/claude-code-setup
Detalles
- Categoría
- </>Desarrollo
- Fuente
- skills.sh
- Primera vez visto
- 2026-02-01