moai-library-mermaid
À propos
Cette compétence permet la génération de diagrammes Mermaid dans Claude Code en utilisant MCP Playwright pour le rendu d'architectures, d'organigrammes et de diagrammes de séquence. Elle offre une prise en charge complète de la syntaxe Mermaid 11.12.2 pour 21 types de diagrammes avec des capacités de sortie en SVG/PNG. Les développeurs doivent l'utiliser pour créer une documentation visuelle ou des schémas techniques directement dans leur flux de travail Claude.
Installation rapide
Claude Code
Recommandénpx 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-mermaidCopiez et collez cette commande dans Claude Code pour installer cette compétence
Dépôt GitHub
Compétences associées
moai-library-mermaid
AutreCette compétence permet la génération de diagrammes Mermaid dans Claude Code en utilisant MCP Playwright pour le rendu. Elle offre une prise en charge syntaxique complète pour les 21 types de diagrammes Mermaid, y compris les organigrammes, les diagrammes de séquence et les diagrammes entité-relation. Utilisez-la lorsque vous avez besoin de créer et de rendre des diagrammes de qualité professionnelle directement dans votre flux de travail de développement.
moai-library-shadcn
AutreCette Compétence Claude fournit des conseils d'expert pour la mise en œuvre de bibliothèques de composants shadcn/ui dans des applications React d'entreprise. Elle propose une architecture alimentée par l'IA, l'automatisation de systèmes de design et une orchestration intelligente des composants avec intégration de Tailwind CSS. Utilisez-la pour les discussions sur shadcn/ui, la planification de composants React et la configuration des tokens de design.
moai-library-nextra
AutreCette compétence fournit un framework Nextra prêt pour l'entreprise, permettant de créer des sites de documentation professionnels avec Next.js. Elle permet aux développeurs de produire une documentation basée sur MDX avec un routage par système de fichiers, une personnalisation des thèmes et une prise en charge intégrée de l'i18n. Utilisez-la lorsque vous avez besoin de configurer rapidement un site de documentation performant et personnalisable avec Next.js et l'approche zéro configuration de Nextra.
moai-library-shadcn
AutreCette Compétence Claude offre une expertise pour l'implémentation de bibliothèques de composants shadcn/ui dans des applications React d'entreprise. Elle propose une architecture alimentée par IA, une personnalisation automatisée des thèmes, et une orchestration intelligente des composants avec intégration Context7. Utilisez-la pour des discussions sur shadcn/ui, la planification de composants React, et la configuration des jetons de design Tailwind CSS.
