moai-library-mermaid
关于
This skill enables Mermaid diagram creation in Claude Code using MCP Playwright for rendering. It supports all 21 Mermaid diagram types including architecture diagrams and flowcharts with SVG/PNG output. Developers should use it for visual documentation needs with enterprise patterns and best practices.
快速安装
Claude Code
推荐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-mermaid在 Claude Code 中复制并粘贴此命令以安装该技能
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.
相关推荐技能
moai-library-mermaid 是一个为 Claude Code 开发者提供的企业级 Mermaid 图表生成技能，支持全部 21 种图表类型（包括流程图、序列图、类图等）。它通过 MCP Playwright 集成实现 SVG/PNG 渲染，提供开箱即用的示例和最佳实践，帮助开发者在代码文档和架构设计中快速创建专业图表。
这是一个专为开发者设计的Claude Skill，提供基于shadcn/ui的企业级React组件库专业实施指南。它具备AI驱动的组件架构、智能设计系统和高级组件编排能力，特别适用于shadcn/ui组件库讨论、React架构规划和Tailwind CSS集成场景。该Skill能自动化主题定制、确保无障碍访问和性能优化，帮助开发者快速构建现代化的企业级UI框架。
这个Skill为开发者提供shadcn/ui组件库的专业实施指导，特别擅长AI驱动的组件架构和设计系统自动化。它能帮助处理React组件架构规划、Tailwind CSS集成和设计令牌配置等任务。关键特性包括Context7 MCP集成、智能组件编排以及企业级UI框架的零配置设计令牌管理。
这是一个基于Nextra的企业级文档框架Skill，专为使用Next.js构建专业文档站点而设计。它提供了零配置MDX支持、文件系统路由和性能优化等核心功能，同时包含主题定制、国际化(i18n)和FlexSearch高级搜索。开发者可以快速搭建结构化的文档系统，通过pages目录管理内容，用theme.config.tsx配置站点，适合需要标准化、可维护文档解决方案的团队。