Whimsical
将Mermaid图表代码转换为Whimsical在线图表
安装使用
复制下面这段提示词发给你的 AI(Claude / Cursor / TRAE / Codex / WorkBuddy 等),它会自动帮你完成安装:
帮我安装这个 AI Skill:Whimsical。 它的用途是:将Mermaid图表代码转换为Whimsical在线图表 完整的 Skill 内容见:https://321skill.com/skills/whimsical/raw/index.md 请读取该页面内容,如果是 SKILL.md 格式直接安装,如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接,AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
‘帮我把这段系统架构的Mermaid代码转换成Whimsical图表。’ 它会调用此Skill,将你的代码发送给Whimsical服务,并返回一个可直接访问或嵌入的在线图表链接,方便你分享给团队成员进行评审和协作编辑。
介绍
这个Skill解决了开发者和文档撰写者需要将Mermaid标记语言描述的图表(如流程图、时序图)快速转换为更美观、可交互的Whimsical在线图表的问题。它通过MCP协议作为桥梁,接收Mermaid代码并调用Whimsical服务生成对应的图表链接或嵌入代码。
使用时,你只需在支持MCP协议的AI助手(如Claude Desktop)中安装此Skill,然后在对话中提供Mermaid代码,AI便会调用该工具进行处理,最终返回Whimsical图表的访问链接或可分享的嵌入形式。
它非常适合经常需要绘制技术架构图、流程图,并希望将图表发布到在线文档、演示文稿或团队协作空间中的角色,如全栈开发、产品经理和文档工程师。
建议在使用前确保拥有Whimsical账户以获取完整的编辑和分享功能。由于依赖外部服务,转换过程需要网络连接,且生成图表的样式和布局由Whimsical平台决定,可能与原始Mermaid渲染有细微差异。
核心特点
与单纯渲染Mermaid的本地工具不同,它直接对接Whimsical这一专业的在线白板与图表协作平台,生成的图表具备在线编辑、实时协作和更丰富的视觉样式。同时,它通过MCP协议集成,使得在AI对话流中即可完成从代码到可分享图表的无缝转换。
注意事项
不适合需要完全离线工作、或对图表样式有严格本地控制(如必须与Markdown渲染器完全一致)的场景。
常见问题
需要Whimsical账号吗?
生成公开分享链接可能不需要,但若要编辑或进行团队协作,则需要登录Whimsical账户。
支持哪些Mermaid图表类型?
支持Whimsical平台兼容的常见类型,如流程图、时序图、类图等,具体以Whimsical的解析能力为准。
给 AI 助手的安装指引
如果你的 AI 编程助手(Claude Code、Cursor、TRAE 等)能看到这个页面,把下面这段发给它即可自动完成安装:
请访问 https://321skill.com/skills/whimsical/raw/index.md 读取 Whimsical 的原始 Skill 定义(Markdown 格式),按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址:/skills/whimsical/raw/index.md(查看排版版本)