components-build
✓Cree componentes de interfaz de usuario de React modernos, componibles y accesibles siguiendo la especificación de componentes.build. Úselo al crear, revisar o refactorizar bibliotecas de componentes, sistemas de diseño o cualquier componente de interfaz de usuario reutilizable. Activadores de tareas que involucran API de componentes, patrones de composición, accesibilidad, sistemas de estilo o accesorios de TypeScript.
Instalación
SKILL.md
Comprehensive guidelines for building modern, composable, and accessible UI components. Contains 16 rule categories covering everything from core principles to distribution, co-authored by Hayden Bleasel and shadcn.
| 1 | Overview | Specification scope and goals | overview | | 2 | Principles | Core design philosophy | principles | | 3 | Definitions | Common terminology | definitions | | 4 | Composition | Breaking down complex components | composition | | 5 | Accessibility | Keyboard, screen readers, ARIA | accessibility |
| 6 | State | Controlled/uncontrolled patterns | state | | 7 | Types | TypeScript props and interfaces | types | | 8 | Polymorphism | Element switching with as prop | polymorphism | | 9 | As-Child | Radix Slot composition pattern | as-child | | 10 | Data Attributes | data-state and data-slot | data-attributes |
Datos (listos para citar)
Campos y comandos estables para citas de IA/búsqueda.
- Comando de instalación
npx skills add https://github.com/nolly-studio/components-build-skill --skill components-build- Categoría
- *Creatividad
- Verificado
- ✓
- Primera vez visto
- 2026-02-01
- Actualizado
- 2026-02-18
Respuestas rápidas
¿Qué es components-build?
Cree componentes de interfaz de usuario de React modernos, componibles y accesibles siguiendo la especificación de componentes.build. Úselo al crear, revisar o refactorizar bibliotecas de componentes, sistemas de diseño o cualquier componente de interfaz de usuario reutilizable. Activadores de tareas que involucran API de componentes, patrones de composición, accesibilidad, sistemas de estilo o accesorios de TypeScript. Fuente: nolly-studio/components-build-skill.
¿Cómo instalo components-build?
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/nolly-studio/components-build-skill --skill components-build 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/nolly-studio/components-build-skill
Detalles
- Categoría
- *Creatividad
- Fuente
- skills.sh
- Primera vez visto
- 2026-02-01