返回技能列表

moai-library-mermaid

modu-ai
更新于 1 month ago
109 次查看
424
78
424
在 GitHub 上查看
其他aitestingmcp

关于

This skill enables Mermaid diagram generation in Claude Code using MCP Playwright for rendering. It provides complete syntax support for all 21 Mermaid diagram types including flowcharts, sequence diagrams, and ER diagrams. Use it when you need to create and render enterprise-quality diagrams directly within your development workflow.

快速安装

Claude Code

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

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

GitHub 仓库

modu-ai/moai-adk
路径: src/moai_adk/templates/.claude/skills/moai-library-mermaid
0
agentic-aiagentic-codingagentic-workflowclaudeclaudecodevibe-coding

相关推荐技能

moai-library-shadcn

其他

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

查看技能

moai-library-nextra

其他

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

查看技能

moai-library-shadcn

其他

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

查看技能

moai-formats-data

其他

这是一个专注于数据格式处理的Claude Skill,特别适用于需要高效序列化、验证和优化JSON/YAML等数据的现代应用开发场景。其核心能力包括能减少40-60%令牌的TOON编码、数据模式验证以及格式间的无缝转换。对于处理性能关键型数据通信和LLM交互的开发者来说,它能显著提升数据处理的效率和可靠性。

查看技能