·tailwind-v4
</>

tailwind-v4

existential-birds/beagle

Tailwind CSS v4 mit CSS-First-Konfiguration und Design-Tokens. Verwenden Sie diese Option, wenn Sie Tailwind v4 einrichten, Designvariablen definieren, OKLCH-Farben verwenden oder den Dunkelmodus konfigurieren. Löst auf @theme, @tailwindcss/vite, oklch, CSS-Variablen, --color-, tailwind v4 aus.

302Installationen·7Trend·@existential-birds

Installation

$npx skills add https://github.com/existential-birds/beagle --skill tailwind-v4

SKILL.md

| Configuration | tailwind.config.js | @theme in CSS | | Build Tool | PostCSS plugin | @tailwindcss/vite | | Colors | rgb() / hsl() | oklch() (default) | | Theme Extension | extend: {} in JS | CSS variables | | Dark Mode | darkMode config option | CSS variants |

default (standard mode) Generates CSS variables that can be referenced elsewhere:

Note: You can also use @theme default explicitly to mark theme values that can be overridden by non-default @theme declarations.

Tailwind CSS v4 mit CSS-First-Konfiguration und Design-Tokens. Verwenden Sie diese Option, wenn Sie Tailwind v4 einrichten, Designvariablen definieren, OKLCH-Farben verwenden oder den Dunkelmodus konfigurieren. Löst auf @theme, @tailwindcss/vite, oklch, CSS-Variablen, --color-, tailwind v4 aus. Quelle: existential-birds/beagle.

Original anzeigen

Fakten (zitierbereit)

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

Installationsbefehl
npx skills add https://github.com/existential-birds/beagle --skill tailwind-v4
Kategorie
</>Entwicklung
Verifiziert
Erstes Auftreten
2026-02-01
Aktualisiert
2026-02-18

Schnelle Antworten

Was ist tailwind-v4?

Tailwind CSS v4 mit CSS-First-Konfiguration und Design-Tokens. Verwenden Sie diese Option, wenn Sie Tailwind v4 einrichten, Designvariablen definieren, OKLCH-Farben verwenden oder den Dunkelmodus konfigurieren. Löst auf @theme, @tailwindcss/vite, oklch, CSS-Variablen, --color-, tailwind v4 aus. Quelle: existential-birds/beagle.

Wie installiere ich tailwind-v4?

Ö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/existential-birds/beagle --skill tailwind-v4 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/existential-birds/beagle