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. 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.
Installation rapide
Claude Code
Recommandénpx skills add modu-ai/moai-adk -a claude-code/plugin add https://github.com/modu-ai/moai-adkgit clone https://github.com/modu-ai/moai-adk.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-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.
moai-formats-data
AutreCette Compétence Claude offre une gestion spécialisée des formats de données, incluant l'encodage TOON pour une communication efficace avec les LLM, l'optimisation JSON/YAML et une validation robuste des données. Elle permet une réduction de 40 à 60 % des tokens par rapport au JSON tout en conservant des capacités de conversion de format transparentes. Les développeurs devraient l'utiliser pour des applications critiques en termes de performances nécessitant des modèles de sérialisation optimisés et une validation de données structurées.
