Communitygithub.com

secondsky/tailwind-v4-shadcn

Produktionserprobte Einrichtung für Tailwind CSS v4 mit shadcn/ui, Vite und React.

Was ist tailwind-v4-shadcn?

Dieses Skill bietet eine umfassende, in der Praxis bewährte Anleitung für die Einrichtung von Tailwind CSS v4 in Kombination mit shadcn/ui, Vite und React. Es zielt auf Entwickler ab, die React-Projekte initialisieren, Tailwind v4 konfigurieren, Dark Mode implementieren, CSS-Variable-Probleme debuggen oder von Tailwind v3 migrieren möchten. Das Skill deckt zentrale Konzepte wie das @theme inline Muster, die CSS-Variablen-Architektur, Dark Mode mit ThemeProvider, die Komponentenzusammensetzung, die vite.config-Einrichtung sowie häufige Fallstricke und produktionstaugliche Muster ab. Es ist besonders nützlich, wenn Farb- oder Theming-Probleme auftreten oder eine stabile, skalierbare Frontend-Basis aufgebaut werden soll.

Funktioniert mit~Claude Code~Codex CLI~Cursor
Part ofDesign & UI
npx skills add https://github.com/secondsky/claude-skills/tree/main/skills/tailwind-v4-shadcn
Original anzeigen→Alle Skills durchsuchen

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Dokumentation

Was macht tailwind-v4-shadcn?

| Produktionserprobte Einrichtung für Tailwind CSS v4 mit shadcn/ui, Vite und React. Verwende dies bei: Initialisierung von React-Projekten mit Tailwind v4, Einrichtung von shadcn/ui, Implementierung des Dark Mode, Debugging von CSS-Variable-Problemen, Behebung von Theme-Wechseln, Migration von Tailwind v3 oder bei Farb-/Theming-Problemen. Behandelt: @theme inline Muster, CSS-Variablen-Architektur, Dark Mode mit ThemeProvider, Komponentenzusammensetzung, vite.config-Einrichtung, häufige v4-Fallstricke und produktionstaugliche Muster.

Verwandte Skills

steipete/sag

ElevenLabs text-to-speech with mac-style say UX.

community

steipete/oracle

Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.

community

steipete/peekaboo

Capture and automate macOS UI with the Peekaboo CLI.

community

mattpocock/design-an-interface

Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".

community

mattpocock/prototype

Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.

community

mattpocock/grill-me

Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".

community