·ui-styling
*

ui-styling

mamba-mental/agent-skill-manager

Erstellen Sie schöne, zugängliche Benutzeroberflächen mit Shadcn/UI-Komponenten (basierend auf Radix UI + Tailwind), Tailwind CSS Utility-First-Styling und Canvas-basierten visuellen Designs. Verwenden Sie sie beim Erstellen von Benutzeroberflächen, beim Implementieren von Designsystemen, beim Erstellen responsiver Layouts, beim Hinzufügen barrierefreier Komponenten (Dialoge, Dropdowns, Formulare, Tabellen), beim Anpassen von Themen und Farben, beim Implementieren des Dunkelmodus, beim Generieren visueller Designs und Poster oder beim Einrichten einheitlicher Stilmuster für alle Anwendungen.

3Installationen·1Trend·@mamba-mental

Installation

$npx skills add https://github.com/mamba-mental/agent-skill-manager --skill ui-styling

SKILL.md

Comprehensive skill for creating beautiful, accessible user interfaces combining shadcn/ui components, Tailwind CSS utility styling, and canvas-based visual design systems.

CLI prompts for framework, TypeScript, paths, and theme preferences. This configures both shadcn/ui and Tailwind CSS.

Comprehensive component catalog with usage patterns, installation, and composition examples.

Erstellen Sie schöne, zugängliche Benutzeroberflächen mit Shadcn/UI-Komponenten (basierend auf Radix UI + Tailwind), Tailwind CSS Utility-First-Styling und Canvas-basierten visuellen Designs. Verwenden Sie sie beim Erstellen von Benutzeroberflächen, beim Implementieren von Designsystemen, beim Erstellen responsiver Layouts, beim Hinzufügen barrierefreier Komponenten (Dialoge, Dropdowns, Formulare, Tabellen), beim Anpassen von Themen und Farben, beim Implementieren des Dunkelmodus, beim Generieren visueller Designs und Poster oder beim Einrichten einheitlicher Stilmuster für alle Anwendungen. Quelle: mamba-mental/agent-skill-manager.

Original anzeigen

Fakten (zitierbereit)

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

Installationsbefehl
npx skills add https://github.com/mamba-mental/agent-skill-manager --skill ui-styling
Kategorie
*Kreativität
Verifiziert
Erstes Auftreten
2026-02-01
Aktualisiert
2026-02-18

Schnelle Antworten

Was ist ui-styling?

Erstellen Sie schöne, zugängliche Benutzeroberflächen mit Shadcn/UI-Komponenten (basierend auf Radix UI + Tailwind), Tailwind CSS Utility-First-Styling und Canvas-basierten visuellen Designs. Verwenden Sie sie beim Erstellen von Benutzeroberflächen, beim Implementieren von Designsystemen, beim Erstellen responsiver Layouts, beim Hinzufügen barrierefreier Komponenten (Dialoge, Dropdowns, Formulare, Tabellen), beim Anpassen von Themen und Farben, beim Implementieren des Dunkelmodus, beim Generieren visueller Designs und Poster oder beim Einrichten einheitlicher Stilmuster für alle Anwendungen. Quelle: mamba-mental/agent-skill-manager.

Wie installiere ich ui-styling?

Ö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/mamba-mental/agent-skill-manager --skill ui-styling 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/mamba-mental/agent-skill-manager