moai-library-mermaid
Über
Diese Fähigkeit ermöglicht Entwicklern, Mermaid-Diagramme (Architektur, Flussdiagramme, Sequenzdiagramme) direkt innerhalb von Claude Code zu erstellen und darzustellen. Sie unterstützt 21 Diagrammtypen und nutzt MCP Playwright, um SVG/PNG-Ausgaben zu generieren. Ideal für visuelle Dokumentation und Unternehmensdiagramme mit einsatzbereiten Beispielen und Best Practices.
Schnellinstallation
Claude Code
Empfohlennpx skills add mattnigh/skills_collection -a claude-code/plugin add https://github.com/mattnigh/skills_collectiongit clone https://github.com/mattnigh/skills_collection.git ~/.claude/skills/moai-library-mermaidKopieren 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.