·shadcn-patterns
*

shadcn-patterns

yonatangross/skillforge-claude-plugin

Patrones de componentes shadcn/ui que incluyen variantes de CVA, temática OKLCH, utilidad cn() y composición. Úselo al agregar componentes shadcn, crear sistemas variantes o personalizar temas.

4Instalaciones·0Tendencia·@yonatangross

Instalación

$npx skills add https://github.com/yonatangross/skillforge-claude-plugin --skill shadcn-patterns

SKILL.md

| Color format | OKLCH for perceptually uniform theming | | Class merging | Always use cn() for Tailwind conflicts | | Extending components | Wrap, don't modify source files | | Variants | Use CVA for type-safe multi-axis variants |

Patrones de componentes shadcn/ui que incluyen variantes de CVA, temática OKLCH, utilidad cn() y composición. Úselo al agregar componentes shadcn, crear sistemas variantes o personalizar temas. Fuente: yonatangross/skillforge-claude-plugin.

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/yonatangross/skillforge-claude-plugin --skill shadcn-patterns 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

Certificado de seguridad para código seguro y confiable Instalación con un clic y configuración simplificada Compatible con Claude Code, Cursor y más

Ver original

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/yonatangross/skillforge-claude-plugin --skill shadcn-patterns
Categoría
*Creatividad
Verificado
Primera vez visto
2026-02-01
Actualizado
2026-02-18

Respuestas rápidas

¿Qué es shadcn-patterns?

Patrones de componentes shadcn/ui que incluyen variantes de CVA, temática OKLCH, utilidad cn() y composición. Úselo al agregar componentes shadcn, crear sistemas variantes o personalizar temas. Fuente: yonatangross/skillforge-claude-plugin.

¿Cómo instalo shadcn-patterns?

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/yonatangross/skillforge-claude-plugin --skill shadcn-patterns 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/yonatangross/skillforge-claude-plugin