moai-library-mermaid
Acerca de
Esta habilidad permite a los desarrolladores crear y renderizar diagramas de Mermaid (arquitectura, diagramas de flujo, diagramas de secuencia) directamente dentro de Claude Code. Soporta 21 tipos de diagramas y utiliza MCP Playwright para generar salidas en SVG/PNG. Úsela para documentación visual y diagramación empresarial con ejemplos listos para usar y mejores prácticas.
Instalación rápida
Claude Code
Recomendadonpx skills add mattnigh/skills_collection -a claude-code/plugin add https://github.com/mattnigh/skills_collectiongit clone https://github.com/mattnigh/skills_collection.git ~/.claude/skills/moai-library-mermaidCopia y pega este comando en Claude Code para instalar esta habilidad
Repositorio GitHub
Habilidades relacionadas
moai-library-mermaid
OtroEsta 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.
moai-library-shadcn
OtroEsta 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.
moai-library-nextra
OtroEsta 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.
moai-library-shadcn
OtroEsta 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.