moai-library-mermaid
À propos
Cette compétence permet la création de diagrammes Mermaid dans Claude Code en utilisant MCP Playwright pour le rendu. Elle prend en charge les 21 types de diagrammes Mermaid, y compris les diagrammes d'architecture et les organigrammes, avec une sortie en SVG/PNG. Les développeurs doivent l'utiliser pour des besoins de documentation visuelle intégrant des modèles d'entreprise et des bonnes pratiques.
Installation rapide
Claude Code
Recommandénpx skills add hnabyz-bot/fpga-work -a claude-code/plugin add https://github.com/hnabyz-bot/fpga-workgit clone https://github.com/hnabyz-bot/fpga-work.git ~/.claude/skills/moai-library-mermaidCopiez et collez cette commande dans Claude Code pour installer cette compétence
Dépôt GitHub
Frequently asked questions
What is the moai-library-mermaid skill?
moai-library-mermaid is a Claude Skill by hnabyz-bot. Skills package instructions and resources that Claude loads on demand, so Claude can perform moai-library-mermaid-related tasks without extra prompting.
How do I install moai-library-mermaid?
Use the install commands on this page: add moai-library-mermaid to Claude Code as a plugin, or clone its repository into your skills directory, then restart Claude so it picks up the skill.
What category does moai-library-mermaid belong to?
moai-library-mermaid is in the library category, tagged library, mermaid, diagrams, flowchart, sequence and visualization.
Is moai-library-mermaid free to use?
Yes. moai-library-mermaid is listed on AIMCP and free to install. It runs inside Claude, so no separate service account is required to use the skill itself.
Compétences associées
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.
Cette 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.
Cette 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.
Cette 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.