返回技能列表

moai-library-mermaid

mattnigh
更新于 5 days ago
11 次查看
22
1
22
在 GitHub 上查看
其他wordaitestingmcpdesigndata

关于

This skill enables developers to create and render Mermaid diagrams (architecture, flowcharts, sequence diagrams) directly within Claude Code. It supports 21 diagram types and uses MCP Playwright to generate SVG/PNG outputs. Use it for visual documentation and enterprise diagramming with ready-to-use examples and best practices.

快速安装

Claude Code

推荐
主要方式
npx skills add mattnigh/skills_collection -a claude-code
插件命令备选方式
/plugin add https://github.com/mattnigh/skills_collection
Git 克隆备选方式
git clone https://github.com/mattnigh/skills_collection.git ~/.claude/skills/moai-library-mermaid

在 Claude Code 中复制并粘贴此命令以安装该技能

GitHub 仓库

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

相关推荐技能

moai-library-mermaid

其他

moai-library-mermaid 是一个为 Claude Code 开发者提供的企业级 Mermaid 图表生成技能,支持全部 21 种图表类型(包括流程图、序列图、类图等)。它通过 MCP Playwright 集成实现 SVG/PNG 渲染,提供开箱即用的示例和最佳实践,帮助开发者在代码文档和架构设计中快速创建专业图表。

查看技能

moai-library-shadcn

其他

这是一个专为开发者设计的Claude Skill,提供基于shadcn/ui的企业级React组件库专业实施指南。它具备AI驱动的组件架构、智能设计系统和高级组件编排能力,特别适用于shadcn/ui组件库讨论、React架构规划和Tailwind CSS集成场景。该Skill能自动化主题定制、确保无障碍访问和性能优化,帮助开发者快速构建现代化的企业级UI框架。

查看技能

moai-library-shadcn

其他

这个Skill为开发者提供shadcn/ui组件库的专业实施指导,特别擅长AI驱动的组件架构和设计系统自动化。它能帮助处理React组件架构规划、Tailwind CSS集成和设计令牌配置等任务。关键特性包括Context7 MCP集成、智能组件编排以及企业级UI框架的零配置设计令牌管理。

查看技能

moai-library-nextra

其他

这是一个基于Nextra的企业级文档框架Skill,专为使用Next.js构建专业文档站点而设计。它提供了零配置MDX支持、文件系统路由和性能优化等核心功能,同时包含主题定制、国际化(i18n)和FlexSearch高级搜索。开发者可以快速搭建结构化的文档系统,通过pages目录管理内容,用theme.config.tsx配置站点,适合需要标准化、可维护文档解决方案的团队。

查看技能