·tailwindcss-design
*

tailwindcss-design

anilcancakir/my-claude-code

TailwindCSS-Implementierungsmuster für Refactoring-UI-Prinzipien. COMPANION-Fähigkeit für die Beherrschung des Webdesigns. IMMER aktivieren für: TailwindCSS, Tailwind-Klassen, Utility-Klassen, Tailwind-Konfiguration, Tailwind-Komponenten, Tailwind-Dunkelmodus, Tailwind-Responsive, Tailwind-Abstand, Tailwind-Typografie, Tailwind-Farben, Tailwind-Schatten. Bietet Klassenrezepte, Komponentenmuster, Implementierung des Dunkelmodus und Reaktionsmuster. Türkisch: Tailwind kullanımı, Tailwind-Klasse, Utility-CSS, Tailwind-Konfiguration. Englisch: Tailwind-Muster, Utility-First-CSS, Tailwind-Best Practices.

13Installationen·0Trend·@anilcancakir

Installation

$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.

TailwindCSS-Implementierungsmuster für Refactoring-UI-Prinzipien. COMPANION-Fähigkeit für die Beherrschung des Webdesigns. IMMER aktivieren für: TailwindCSS, Tailwind-Klassen, Utility-Klassen, Tailwind-Konfiguration, Tailwind-Komponenten, Tailwind-Dunkelmodus, Tailwind-Responsive, Tailwind-Abstand, Tailwind-Typografie, Tailwind-Farben, Tailwind-Schatten. Bietet Klassenrezepte, Komponentenmuster, Implementierung des Dunkelmodus und Reaktionsmuster. Türkisch: Tailwind kullanımı, Tailwind-Klasse, Utility-CSS, Tailwind-Konfiguration. Englisch: Tailwind-Muster, Utility-First-CSS, Tailwind-Best Practices. Quelle: anilcancakir/my-claude-code.

Original anzeigen

Fakten (zitierbereit)

Stabile Felder und Befehle für KI/Such-Zitate.

Installationsbefehl
npx skills add https://github.com/anilcancakir/my-claude-code --skill tailwindcss-design
Kategorie
*Kreativität
Verifiziert
Erstes Auftreten
2026-02-01
Aktualisiert
2026-02-18

Schnelle Antworten

Was ist tailwindcss-design?

TailwindCSS-Implementierungsmuster für Refactoring-UI-Prinzipien. COMPANION-Fähigkeit für die Beherrschung des Webdesigns. IMMER aktivieren für: TailwindCSS, Tailwind-Klassen, Utility-Klassen, Tailwind-Konfiguration, Tailwind-Komponenten, Tailwind-Dunkelmodus, Tailwind-Responsive, Tailwind-Abstand, Tailwind-Typografie, Tailwind-Farben, Tailwind-Schatten. Bietet Klassenrezepte, Komponentenmuster, Implementierung des Dunkelmodus und Reaktionsmuster. Türkisch: Tailwind kullanımı, Tailwind-Klasse, Utility-CSS, Tailwind-Konfiguration. Englisch: Tailwind-Muster, Utility-First-CSS, Tailwind-Best Practices. Quelle: anilcancakir/my-claude-code.

Wie installiere ich tailwindcss-design?

Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/anilcancakir/my-claude-code --skill tailwindcss-design Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor

Wo ist das Quell-Repository?

https://github.com/anilcancakir/my-claude-code