Erstellen Sie skalierbare Designsysteme mit Tailwind CSS v4, Design-Tokens, Komponentenbibliotheken und responsiven Mustern. Verwenden Sie es beim Erstellen von Komponentenbibliotheken, beim Implementieren von Designsystemen oder beim Standardisieren von UI-Mustern.
Installieren Sie den KI-Skill tailwind-design-system schnell in Ihrer Entwicklungsumgebung über die Kommandozeile
Quelle: blockmatic/basilic.
Build production-ready design systems with Tailwind CSS v4, including CSS-first configuration, design tokens, component variants, responsive patterns, and accessibility.
Note: This skill targets Tailwind CSS v4 (2024+). For v3 projects, refer to the upgrade guide.
| tailwind.config.ts | @theme in CSS | | @tailwind base/components/utilities | @import "tailwindcss" | | darkMode: "class" | @custom-variant dark (&:where(.dark, .dark )) | | theme.extend.colors | @theme { --color-: value } | | require("tailwindcss-animate") | CSS @keyframes in @theme + @starting-style for entry animations |
Erstellen Sie skalierbare Designsysteme mit Tailwind CSS v4, Design-Tokens, Komponentenbibliotheken und responsiven Mustern. Verwenden Sie es beim Erstellen von Komponentenbibliotheken, beim Implementieren von Designsystemen oder beim Standardisieren von UI-Mustern. Quelle: blockmatic/basilic.
Stabile Felder und Befehle für KI/Such-Zitate.
npx skills add https://github.com/blockmatic/basilic --skill tailwind-design-systemErstellen Sie skalierbare Designsysteme mit Tailwind CSS v4, Design-Tokens, Komponentenbibliotheken und responsiven Mustern. Verwenden Sie es beim Erstellen von Komponentenbibliotheken, beim Implementieren von Designsystemen oder beim Standardisieren von UI-Mustern. Quelle: blockmatic/basilic.
Ö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/blockmatic/basilic --skill tailwind-design-system Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw
https://github.com/blockmatic/basilic