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 格式),按其中说明在我的环境里完成安装和配置。