component-library
✓Biblioteca completa de componentes de React con más de 30 componentes listos para producción que utilizan arquitectura shadcn/ui, variantes de CVA, primitivas de UI de Radix y CSS Tailwind. Úselo cuando los usuarios necesiten (1) crear componentes de React UI con patrones modernos, (2) construir sistemas de componentes completos con un diseño consistente, (3) implementar componentes accesibles, responsivos y listos para el modo oscuro, (4) generar componentes de formulario con la integración de React Hook Form, (5) crear componentes de visualización de datos como tablas, tarjetas, gráficos o (6) crear componentes de navegación, diseño o retroalimentación. Proporciona generación instantánea de componentes personalizables que, de otro modo, tardarían entre 20 y 45 minutos en codificarse manualmente.
Instalación
SKILL.md
Generate production-ready React components with shadcn/ui patterns, saving 8-10 hours per project.
Biblioteca completa de componentes de React con más de 30 componentes listos para producción que utilizan arquitectura shadcn/ui, variantes de CVA, primitivas de UI de Radix y CSS Tailwind. Úselo cuando los usuarios necesiten (1) crear componentes de React UI con patrones modernos, (2) construir sistemas de componentes completos con un diseño consistente, (3) implementar componentes accesibles, responsivos y listos para el modo oscuro, (4) generar componentes de formulario con la integración de React Hook Form, (5) crear componentes de visualización de datos como tablas, tarjetas, gráficos o (6) crear componentes de navegación, diseño o retroalimentación. Proporciona generación instantánea de componentes personalizables que, de otro modo, tardarían entre 20 y 45 minutos en codificarse manualmente. Fuente: bbeierle12/skill-mcp-claude.
Datos (listos para citar)
Campos y comandos estables para citas de IA/búsqueda.
- Comando de instalación
npx skills add https://github.com/bbeierle12/skill-mcp-claude --skill component-library- Categoría
- </>Desarrollo
- Verificado
- ✓
- Primera vez visto
- 2026-02-01
- Actualizado
- 2026-02-18
Respuestas rápidas
¿Qué es component-library?
Biblioteca completa de componentes de React con más de 30 componentes listos para producción que utilizan arquitectura shadcn/ui, variantes de CVA, primitivas de UI de Radix y CSS Tailwind. Úselo cuando los usuarios necesiten (1) crear componentes de React UI con patrones modernos, (2) construir sistemas de componentes completos con un diseño consistente, (3) implementar componentes accesibles, responsivos y listos para el modo oscuro, (4) generar componentes de formulario con la integración de React Hook Form, (5) crear componentes de visualización de datos como tablas, tarjetas, gráficos o (6) crear componentes de navegación, diseño o retroalimentación. Proporciona generación instantánea de componentes personalizables que, de otro modo, tardarían entre 20 y 45 minutos en codificarse manualmente. Fuente: bbeierle12/skill-mcp-claude.
¿Cómo instalo component-library?
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/bbeierle12/skill-mcp-claude --skill component-library 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/bbeierle12/skill-mcp-claude
Detalles
- Categoría
- </>Desarrollo
- Fuente
- skills.sh
- Primera vez visto
- 2026-02-01