·tailwindcss-design
*

tailwindcss-design

anilcancakir/my-claude-code

Patrones de implementación de TailwindCSS para los principios de refactorización de la interfaz de usuario. Habilidad COMPAÑERA para el dominio del diseño web. Active SIEMPRE para: TailwindCSS, clases de Tailwind, clases de utilidad, configuración de Tailwind, componentes de Tailwind, modo oscuro de Tailwind, respuesta de Tailwind, espaciado de Tailwind, tipografía de Tailwind, colores de Tailwind, sombras de Tailwind. Proporciona recetas de clases, patrones de componentes, implementación de modo oscuro y patrones responsivos. Turco: Tailwind kullanımı, clase Tailwind, utilidad CSS, configuración Tailwind. Inglés: Patrones Tailwind, CSS centrado en las utilidades, mejores prácticas de Tailwind.

13Instalaciones·0Tendencia·@anilcancakir

Instalación

$npx skills add https://github.com/anilcancakir/my-claude-code --skill tailwindcss-design

SKILL.md

TailwindCSS implementation companion for web-design-mastery skill. Translates Refactoring UI principles into Tailwind utility classes.

Prerequisite: This skill provides Tailwind-specific syntax. For design theory and decision-making, reference web-design-mastery skill.

ALWAYS check tailwind.config.js for custom colors before using generic colors.

Patrones de implementación de TailwindCSS para los principios de refactorización de la interfaz de usuario. Habilidad COMPAÑERA para el dominio del diseño web. Active SIEMPRE para: TailwindCSS, clases de Tailwind, clases de utilidad, configuración de Tailwind, componentes de Tailwind, modo oscuro de Tailwind, respuesta de Tailwind, espaciado de Tailwind, tipografía de Tailwind, colores de Tailwind, sombras de Tailwind. Proporciona recetas de clases, patrones de componentes, implementación de modo oscuro y patrones responsivos. Turco: Tailwind kullanımı, clase Tailwind, utilidad CSS, configuración Tailwind. Inglés: Patrones Tailwind, CSS centrado en las utilidades, mejores prácticas de Tailwind. Fuente: anilcancakir/my-claude-code.

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/anilcancakir/my-claude-code --skill tailwindcss-design
Categoría
*Creatividad
Verificado
Primera vez visto
2026-02-01
Actualizado
2026-02-18

Respuestas rápidas

¿Qué es tailwindcss-design?

Patrones de implementación de TailwindCSS para los principios de refactorización de la interfaz de usuario. Habilidad COMPAÑERA para el dominio del diseño web. Active SIEMPRE para: TailwindCSS, clases de Tailwind, clases de utilidad, configuración de Tailwind, componentes de Tailwind, modo oscuro de Tailwind, respuesta de Tailwind, espaciado de Tailwind, tipografía de Tailwind, colores de Tailwind, sombras de Tailwind. Proporciona recetas de clases, patrones de componentes, implementación de modo oscuro y patrones responsivos. Turco: Tailwind kullanımı, clase Tailwind, utilidad CSS, configuración Tailwind. Inglés: Patrones Tailwind, CSS centrado en las utilidades, mejores prácticas de Tailwind. Fuente: anilcancakir/my-claude-code.

¿Cómo instalo tailwindcss-design?

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/anilcancakir/my-claude-code --skill tailwindcss-design 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/anilcancakir/my-claude-code