Zurück zu Fähigkeiten

tailwind-v4-shadcn

jezweb
Aktualisiert 29 days ago
254 Ansichten
33
4
33
Auf GitHub ansehen
Testenwordreactaitestingdesign

Über

Diese Skill bietet eine produktionsreife Einrichtung zur Integration von Tailwind CSS v4 mit shadcn/ui in React/Vite-Projekten. Nutzen Sie ihn bei der Initialisierung neuer Projekte, der Implementierung des Dark Mode, dem Debugging von CSS-Variablen oder der Migration von Tailwind v3. Er behandelt zentrale Muster wie die @theme Inline-Konfiguration, die Architektur von CSS-Variablen, die ThemeProvider-Einrichtung und häufige Fallstricke bei der v4-Migration.

Schnellinstallation

Claude Code

Empfohlen
Primär
npx skills add jezweb/claude-skills -a claude-code
Plugin-BefehlAlternativ
/plugin add https://github.com/jezweb/claude-skills
Git CloneAlternativ
git clone https://github.com/jezweb/claude-skills.git ~/.claude/skills/tailwind-v4-shadcn

Kopieren Sie diesen Befehl und fügen Sie ihn in Claude Code ein, um diese Fähigkeit zu installieren

GitHub Repository

jezweb/claude-skills
Pfad: skills/tailwind-v4-shadcn
0
aiautomationclaude-codeclaude-skillscloudflarereact

Verwandte Skills

evaluating-llms-harness

Testen

Diese Claude Skill führt den lm-evaluation-harness aus, um LLMs über 60+ standardisierte akademische Aufgaben wie MMLU und GSM8K zu benchmarken. Sie wurde für Entwickler entwickelt, um Modellqualität zu vergleichen, Trainingsfortschritt zu verfolgen oder akademische Ergebnisse zu berichten. Das Tool unterstützt verschiedene Backends, einschließlich HuggingFace- und vLLM-Modelle.

Skill ansehen

cloudflare-cron-triggers

Testen

Diese Fähigkeit bietet umfassendes Wissen zur Implementierung von Cloudflare Cron Triggers, um Workers mithilfe von Cron-Ausdrücken zu planen. Sie behandelt das Einrichten periodischer Aufgaben, Wartungsjobs und automatisierter Workflows, während häufige Probleme wie ungültige Cron-Ausdrücke und Zeitzonenprobleme behandelt werden. Entwickler können sie zum Konfigurieren geplanter Handler, zum Testen von Cron-Triggers und zur Integration mit Workflows und Green Compute verwenden.

Skill ansehen

webapp-testing

Testen

Diese Claude Skill bietet ein Playwright-basiertes Toolkit zum Testen lokaler Webanwendungen durch Python-Skripte. Es ermöglicht Frontend-Verifizierung, UI-Debugging, Screenshot-Aufnahme und Log-Einblick bei gleichzeitiger Verwaltung von Server-Lebenszyklen. Nutzen Sie es für Browser-Automatisierungsaufgaben, führen Sie Skripte jedoch direkt aus, anstatt deren Quellcode zu lesen, um Kontextverschmutzung zu vermeiden.

Skill ansehen

finishing-a-development-branch

Testen

Diese Fähigkeit unterstützt Entwickler dabei, abgeschlossene Arbeiten zu finalisieren, indem sie testet, ob Tests bestehen, und dann strukturierte Integrationsoptionen präsentiert. Sie leitet den Workflow für das Zusammenführen von Code, das Erstellen von PRs oder das Bereinigen von Branches nach Abschluss der Implementierung. Nutzen Sie sie, wenn Ihr Code bereit und getestet ist, um den Entwicklungsprozess systematisch abzuschließen.

Skill ansehen