·styling-system
*

styling-system

Laden Sie PROAKTIV, wenn die Aufgabe CSS-Architektur, Themes oder visuelle Designsysteme umfasst. Wird verwendet, wenn der Benutzer sagt: „Tailwind einrichten“, „Dunkelmodus hinzufügen“, „Designsystem erstellen“, „es responsiv machen“ oder „Design konfigurieren“. Behandelt Tailwind-Konfiguration und benutzerdefinierte Plugins, Design-Token-Systeme, responsive Breakpoint-Strategien, Dark-Mode-Implementierung, Komponentenvariantenmuster (CVA/Class-Varianz-Autorität), CSS-in-JS-Alternativen und Animationsmuster.

41Installationen·1Trend·@mgd34msu

Installation

$npx skills add https://github.com/mgd34msu/goodvibes-plugin --skill styling-system

So installieren Sie styling-system

Installieren Sie den KI-Skill styling-system schnell in Ihrer Entwicklungsumgebung über die Kommandozeile

  1. Terminal öffnen: Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Installationsbefehl ausführen: Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/mgd34msu/goodvibes-plugin --skill styling-system
  3. Installation überprüfen: Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

Quelle: mgd34msu/goodvibes-plugin.

This skill guides you through CSS architecture decisions and implementation using GoodVibes precision tools. Use this workflow when setting up styling infrastructure, creating design systems, or implementing theming and responsive patterns.

Trigger phrases: "setup styling", "add Tailwind", "implement dark mode", "design tokens", "responsive design", "CSS architecture", "theme system".

Before making styling decisions, understand the project's current state.

Laden Sie PROAKTIV, wenn die Aufgabe CSS-Architektur, Themes oder visuelle Designsysteme umfasst. Wird verwendet, wenn der Benutzer sagt: „Tailwind einrichten“, „Dunkelmodus hinzufügen“, „Designsystem erstellen“, „es responsiv machen“ oder „Design konfigurieren“. Behandelt Tailwind-Konfiguration und benutzerdefinierte Plugins, Design-Token-Systeme, responsive Breakpoint-Strategien, Dark-Mode-Implementierung, Komponentenvariantenmuster (CVA/Class-Varianz-Autorität), CSS-in-JS-Alternativen und Animationsmuster. Quelle: mgd34msu/goodvibes-plugin.

Fakten (zitierbereit)

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

Installationsbefehl
npx skills add https://github.com/mgd34msu/goodvibes-plugin --skill styling-system
Kategorie
*Kreativität
Verifiziert
Erstes Auftreten
2026-02-25
Aktualisiert
2026-03-10

Browse more skills from mgd34msu/goodvibes-plugin

Schnelle Antworten

Was ist styling-system?

Laden Sie PROAKTIV, wenn die Aufgabe CSS-Architektur, Themes oder visuelle Designsysteme umfasst. Wird verwendet, wenn der Benutzer sagt: „Tailwind einrichten“, „Dunkelmodus hinzufügen“, „Designsystem erstellen“, „es responsiv machen“ oder „Design konfigurieren“. Behandelt Tailwind-Konfiguration und benutzerdefinierte Plugins, Design-Token-Systeme, responsive Breakpoint-Strategien, Dark-Mode-Implementierung, Komponentenvariantenmuster (CVA/Class-Varianz-Autorität), CSS-in-JS-Alternativen und Animationsmuster. Quelle: mgd34msu/goodvibes-plugin.

Wie installiere ich styling-system?

Ö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/mgd34msu/goodvibes-plugin --skill styling-system Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

Wo ist das Quell-Repository?

https://github.com/mgd34msu/goodvibes-plugin