moai-library-mermaid
Acerca de
Esta habilidad permite la generación de diagramas Mermaid en Claude Code utilizando MCP Playwright para renderizar diagramas de arquitectura, diagramas de flujo y diagramas de secuencia. Ofrece soporte completo para la sintaxis de Mermaid 11.12.2 para 21 tipos de diagramas con capacidades de salida en SVG/PNG. Los desarrolladores deben usarla al crear documentación visual o diagramas técnicos directamente dentro de su flujo de trabajo de Claude.
Instalación rápida
Claude Code
Recomendadonpx 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-mermaidCopia y pega este comando en Claude Code para instalar esta habilidad
Repositorio GitHub
Frequently asked questions
What is the moai-library-mermaid skill?
moai-library-mermaid is a Claude Skill by yarang. 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.
Habilidades relacionadas
Esta habilidad permite la generación de diagramas Mermaid en Claude Code utilizando MCP Playwright para el renderizado. Ofrece soporte completo de sintaxis para los 21 tipos de diagramas Mermaid, incluyendo diagramas de flujo, diagramas de secuencia y diagramas entidad-relación. Úsala cuando necesites crear y renderizar diagramas de calidad empresarial directamente dentro de tu flujo de trabajo de desarrollo.
Esta habilidad de Claude proporciona orientación experta para implementar bibliotecas de componentes shadcn/ui en aplicaciones React empresariales. Ofrece arquitectura potenciada por IA, automatización de sistemas de diseño y orquestación inteligente de componentes con integración de Tailwind CSS. Úsela para discusiones sobre shadcn/ui, planificación de componentes React y configuración de tokens de diseño.
Esta habilidad de Claude proporciona orientación experta para implementar bibliotecas de componentes shadcn/ui en aplicaciones empresariales de React. Ofrece arquitectura potenciada por IA, personalización automatizada de temas y orquestación inteligente de componentes con integración de Context7. Úsela para discusiones sobre shadcn/ui, planificación de componentes de React y configuración de tokens de diseño de Tailwind CSS.
Esta habilidad proporciona un framework Nextra listo para empresas para construir sitios de documentación profesional con Next.js. Permite a los desarrolladores crear documentación basada en MDX con enrutamiento por sistema de archivos, personalización de temas y soporte i18n integrado. Úsala cuando necesites configurar rápidamente un sitio de documentación performante y personalizable con Next.js y el enfoque de configuración cero de Nextra.