moai-library-shadcn
Über
Dieses Claude Skill bietet professionelle Implementierungsanleitung für shadcn/ui-Komponentenbibliotheken in Enterprise-React-Anwendungen. Es bietet KI-gestützte Komponentenarchitektur, intelligente Design-System-Automatisierung und erweiterte Komponentenorchestrierung mit Context7-Integration. Nutzen Sie dieses Skill beim Erstellen moderner React-Oberflächen mit shadcn/ui, um Expertenanleitung zu Design-Tokens, Barrierefreiheit und Leistungsoptimierung zu erhalten.
Schnellinstallation
Claude Code
Empfohlennpx skills add yarang/chatbot_ai_assistant_v2 -a claude-code/plugin add https://github.com/yarang/chatbot_ai_assistant_v2git clone https://github.com/yarang/chatbot_ai_assistant_v2.git ~/.claude/skills/moai-library-shadcnKopieren Sie diesen Befehl und fügen Sie ihn in Claude Code ein, um diese Fähigkeit zu installieren
GitHub Repository
Verwandte Skills
moai-library-mermaid
AndereDiese Fähigkeit ermöglicht die Erstellung von Mermaid-Diagrammen in Claude Code unter Verwendung von MCP Playwright für das Rendering. Sie bietet vollständige Syntaxunterstützung für alle 21 Mermaid-Diagrammtypen, einschließlich Flussdiagrammen, Sequenzdiagrammen und ER-Diagrammen. Nutzen Sie sie, wenn Sie unternehmensqualitative Diagramme direkt in Ihren Entwicklungs-Workflow erstellen und rendern müssen.
moai-library-shadcn
AndereDieses Claude Skill bietet Expertenanleitung für die Implementierung von shadcn/ui-Komponentenbibliotheken in Enterprise React-Anwendungen. Es ermöglicht KI-gestützte Architektur, Automatisierung von Design-Systemen und intelligente Komponentenorchestrierung mit Tailwind CSS-Integration. Nutzen Sie es für shadcn/ui-Diskussionen, React-Komponentenplanung und Design-Token-Konfiguration.
moai-library-nextra
AndereDiese Fähigkeit bietet ein unternehmensreifes Nextra-Framework für den Aufbau professioneller Dokumentationsseiten mit Next.js. Sie ermöglicht Entwicklern die Erstellung von MDX-basierter Dokumentation mit Dateisystem-Routing, Theme-Anpassung und integrierter i18n-Unterstützung. Nutzen Sie sie, wenn Sie schnell eine leistungsstarke, anpassbare Dokumentationsseite mit Next.js und Nextras Zero-Config-Ansatz einrichten müssen.
moai-library-shadcn
AndereDiese Claude Skill bietet Expertenanleitung für die Implementierung von shadcn/ui-Komponentenbibliotheken in Enterprise-React-Anwendungen. Sie bietet KI-gestützte Architektur, automatisierte Theme-Anpassung und intelligente Komponentenorchestrierung mit Context7-Integration. Nutzen Sie sie für shadcn/ui-Diskussionen, React-Komponentenplanung und Tailwind-CSS-Design-Token-Konfiguration.