MCP HubMCP Hub
Retour aux compétences

moai-library-mermaid

mattnigh
Mis à jour 4 days ago
5 vues
22
1
22
Voir sur GitHub
Autrewordaitestingmcpdesigndata

À propos

Cette compétence permet aux développeurs de créer et de générer des diagrammes Mermaid (architecture, organigrammes, diagrammes de séquence) directement dans Claude Code. Elle prend en charge 21 types de diagrammes et utilise MCP Playwright pour produire des sorties au format SVG ou PNG. Utilisez-la pour la documentation visuelle et la création de diagrammes en entreprise, avec des exemples prêts à l'emploi et des bonnes pratiques.

Installation rapide

Claude Code

Recommandé
Principal
npx skills add mattnigh/skills_collection -a claude-code
Commande PluginAlternatif
/plugin add https://github.com/mattnigh/skills_collection
Git CloneAlternatif
git clone https://github.com/mattnigh/skills_collection.git ~/.claude/skills/moai-library-mermaid

Copiez et collez cette commande dans Claude Code pour installer cette compétence

Dépôt GitHub

mattnigh/skills_collection
Chemin: collection/modu-ai__moai-adk__claude__skills__moai-library-mermaid__SKILL.md
0

Compétences associées

moai-library-mermaid

Autre

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.

Voir la compétence

moai-library-shadcn

Autre

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.

Voir la compétence

moai-library-nextra

Autre

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.

Voir la compétence

moai-library-shadcn

Autre

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.

Voir la compétence