MCP HubMCP Hub
Retour aux compétences

moai-library-mermaid

yarang
Mis à jour 5 days ago
8 vues
0
Voir sur GitHub
Autrelibrarymermaiddiagramsflowchartsequencevisualizationdocumentation

À 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é
Principal
npx skills add yarang/chatbot_ai_assistant_v2 -a claude-code
Commande PluginAlternatif
/plugin add https://github.com/yarang/chatbot_ai_assistant_v2
Git CloneAlternatif
git clone https://github.com/yarang/chatbot_ai_assistant_v2.git ~/.claude/skills/moai-library-mermaid

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

Dépôt GitHub

yarang/chatbot_ai_assistant_v2
Chemin: .claude/skills/moai-library-mermaid
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