·tailwind-css
</>

tailwind-css

afk-agents/agentic-toolkit

Tailwind CSS v4-Stil mit Utility-First-Klassen, Theme-Konfiguration und modernen CSS-Mustern. Verwenden Sie es, wenn Sie CSS-Klassen schreiben oder ändern, Designs konfigurieren, responsive Designs implementieren oder von v3 migrieren. Triggert auf Rückenwind, Utility-Klassen, reaktionsfähige Haltepunkte, Dark-Mode-Styling.

2Installationen·0Trend·@afk-agents

Installation

$npx skills add https://github.com/afk-agents/agentic-toolkit --skill tailwind-css

SKILL.md

Write modern, maintainable styles using Tailwind CSS v4's utility-first approach.

Responsive: sm:, md:, lg:, xl:, 2xl: (mobile-first) States: hover:, focus:, active:, disabled:, group-hover:, peer-checked: Dark mode: dark: Arbitrary values: top-[117px], bg-[#bada55] CSS variables: bg-(--my-color) (v4 syntax)

Theme values generate both utility classes (bg-brand-500) and CSS variables (var(--color-brand-500)).

Tailwind CSS v4-Stil mit Utility-First-Klassen, Theme-Konfiguration und modernen CSS-Mustern. Verwenden Sie es, wenn Sie CSS-Klassen schreiben oder ändern, Designs konfigurieren, responsive Designs implementieren oder von v3 migrieren. Triggert auf Rückenwind, Utility-Klassen, reaktionsfähige Haltepunkte, Dark-Mode-Styling. Quelle: afk-agents/agentic-toolkit.

Original anzeigen

Fakten (zitierbereit)

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

Installationsbefehl
npx skills add https://github.com/afk-agents/agentic-toolkit --skill tailwind-css
Kategorie
</>Entwicklung
Verifiziert
Erstes Auftreten
2026-02-05
Aktualisiert
2026-02-18

Schnelle Antworten

Was ist tailwind-css?

Tailwind CSS v4-Stil mit Utility-First-Klassen, Theme-Konfiguration und modernen CSS-Mustern. Verwenden Sie es, wenn Sie CSS-Klassen schreiben oder ändern, Designs konfigurieren, responsive Designs implementieren oder von v3 migrieren. Triggert auf Rückenwind, Utility-Klassen, reaktionsfähige Haltepunkte, Dark-Mode-Styling. Quelle: afk-agents/agentic-toolkit.

Wie installiere ich tailwind-css?

Ö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/afk-agents/agentic-toolkit --skill tailwind-css 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/afk-agents/agentic-toolkit

Details

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