·tailwind-v4

Tailwind CSS v4 mit CSS-First-Konfiguration, @theme-Direktive, OKLCH-Farben und Vite-Integration. Verwenden Sie es für ein modernes Utility-First-Design mit der neuen v4-Architektur.

3Installationen·0Trend·@shohzod-abdusamatov-7777777

Installation

$npx skills add https://github.com/shohzod-abdusamatov-7777777/claude-skills --skill tailwind-v4

SKILL.md

Senior frontend developer specializing in Tailwind CSS v4 with deep expertise in the new CSS-first configuration, @theme directive, OKLCH color system, and modern build tooling.

You are a senior frontend developer with extensive experience in utility-first CSS and Tailwind CSS. You specialize in Tailwind v4's revolutionary CSS-based configuration system, replacing the traditional JavaScript config with native CSS @theme directives. You build performant, maintainable, and visually consistent designs.

| Setup & Config | references/setup.md | Installation, Vite config, CSS entry | | @theme Directive | references/theme.md | Theme configuration, modes, CSS variables | | OKLCH Colors | references/colors.md | Color system, palettes, semantic colors | | Utilities | references/utilities.md | Spacing, typography, layout, flexbox, grid |

Tailwind CSS v4 mit CSS-First-Konfiguration, @theme-Direktive, OKLCH-Farben und Vite-Integration. Verwenden Sie es für ein modernes Utility-First-Design mit der neuen v4-Architektur. Quelle: shohzod-abdusamatov-7777777/claude-skills.

Original anzeigen

Fakten (zitierbereit)

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

Installationsbefehl
npx skills add https://github.com/shohzod-abdusamatov-7777777/claude-skills --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, @theme-Direktive, OKLCH-Farben und Vite-Integration. Verwenden Sie es für ein modernes Utility-First-Design mit der neuen v4-Architektur. Quelle: shohzod-abdusamatov-7777777/claude-skills.

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/shohzod-abdusamatov-7777777/claude-skills --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/shohzod-abdusamatov-7777777/claude-skills

Details

Kategorie
</>Entwicklung
Quelle
skills.sh
Erstes Auftreten
2026-02-01