·styling-system
*

styling-system

✓
mgd34msu/goodvibes-pluginGitHub: mgd34msu/goodvibes-pluginFuente: mgd34msu/goodvibes-plugin

Cargue PROACTIVAMENTE cuando la tarea involucre arquitectura CSS, temas o sistemas de diseño visual. Úselo cuando el usuario diga "configurar Tailwind", "agregar modo oscuro", "crear un sistema de diseño", "hacerlo responsivo" o "configurar el tema". Cubre la configuración de Tailwind y complementos personalizados, sistemas de tokens de diseño, estrategias de puntos de interrupción receptivos, implementación de modo oscuro, patrones de variantes de componentes (CVA/class-variance-authority), alternativas de CSS-in-JS y patrones de animación.

mgd34msu·styling·system
41Instalaciones·1Tendencia·@mgd34msu

Instalación

GitHub: mgd34msu/goodvibes-plugin
$npx skills add https://github.com/mgd34msu/goodvibes-plugin --skill styling-system

Cómo instalar styling-system

Instala rápidamente el skill de IA styling-system en tu entorno de desarrollo mediante línea de comandos

  1. Abrir Terminal: Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.)
  2. Ejecutar comando de instalación: Copia y ejecuta este comando: npx skills add https://github.com/mgd34msu/goodvibes-plugin --skill styling-system
  3. Verificar instalación: 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, Cursor u OpenClaw

Fuente: mgd34msu/goodvibes-plugin.

SKILL.md

Ver original

This skill guides you through CSS architecture decisions and implementation using GoodVibes precision tools. Use this workflow when setting up styling infrastructure, creating design systems, or implementing theming and responsive patterns.

Trigger phrases: "setup styling", "add Tailwind", "implement dark mode", "design tokens", "responsive design", "CSS architecture", "theme system".

Before making styling decisions, understand the project's current state.

Cargue PROACTIVAMENTE cuando la tarea involucre arquitectura CSS, temas o sistemas de diseño visual. Úselo cuando el usuario diga "configurar Tailwind", "agregar modo oscuro", "crear un sistema de diseño", "hacerlo responsivo" o "configurar el tema". Cubre la configuración de Tailwind y complementos personalizados, sistemas de tokens de diseño, estrategias de puntos de interrupción receptivos, implementación de modo oscuro, patrones de variantes de componentes (CVA/class-variance-authority), alternativas de CSS-in-JS y patrones de animación. Fuente: mgd34msu/goodvibes-plugin.

Datos (listos para citar)

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

Comando de instalación
npx skills add https://github.com/mgd34msu/goodvibes-plugin --skill styling-system
Fuente
mgd34msu/goodvibes-plugin
Categoría
*Creatividad
Verificado
✓
Primera vez visto
2026-02-25
Actualizado
2026-03-10
URL
https://www.learn-skills.dev/es/skills/mgd34msu/goodvibes-plugin/styling-system

Browse more skills from mgd34msu/goodvibes-plugin

Respuestas rápidas

¿Qué es styling-system?

Cargue PROACTIVAMENTE cuando la tarea involucre arquitectura CSS, temas o sistemas de diseño visual. Úselo cuando el usuario diga "configurar Tailwind", "agregar modo oscuro", "crear un sistema de diseño", "hacerlo responsivo" o "configurar el tema". Cubre la configuración de Tailwind y complementos personalizados, sistemas de tokens de diseño, estrategias de puntos de interrupción receptivos, implementación de modo oscuro, patrones de variantes de componentes (CVA/class-variance-authority), alternativas de CSS-in-JS y patrones de animación. Fuente: mgd34msu/goodvibes-plugin.

¿Cómo instalo styling-system?

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/mgd34msu/goodvibes-plugin --skill styling-system 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, Cursor u OpenClaw

¿Dónde está el repositorio de origen?

https://github.com/mgd34msu/goodvibes-plugin

Detalles

Categoría
*Creatividad
Fuente
skills.sh
Primera vez visto
2026-02-25

Skills Relacionados

error-recovery
55 Instalaciones
code-review
52 Instalaciones
project-onboarding
51 Instalaciones
task-orchestration
51 Instalaciones
security-audit
49 Instalaciones
goodvibes-memory
48 Instalaciones