excalidraw-diagram-skill

excalidraw-diagram-skill

使编码代理能够生成美观实用的Excalidraw图表。

Agent Skill编程与开发开源
形态
Agent Skill
是否开源
GitHub Stars
★ 3.9k
收录来源
skill-github

能力说明

这是一个为编码代理设计的能力,可以从自然语言描述中生成美观且实用的Excalidraw图表。该能力不仅限于简单的框图和箭头,而是通过视觉论证来表达概念。兼容任何支持技能的编码代理。只需将其放入`.claude/skills/`目录即可使用。该能力包括一个基于Playwright的渲染管道,允许代理在交付前检查并修正布局问题。颜色和品牌样式可以通过编辑单个文件进行自定义。

能力点

  • 从自然语言生成Excalidraw图表
  • 视觉论证而非简单展示
  • 包含实际代码片段和技术细节
  • 内置视觉验证以修正布局问题
  • 可自定义品牌颜色

适用场景

创建技术架构图绘制流程图生成数据流图制作用户界面原型

接入方式

依赖:Node 环境Python 环境
git clone https://github.com/coleam00/excalidraw-diagram-skill.git && cp -r excalidraw-diagram-skill .claude/skills/excalidraw-diagram

以上信息由 AI 基于公开资料整理,可能存在偏差,以来源为准。

常见问题

如何安装此技能?

克隆仓库并将文件夹复制到`.claude/skills/`目录下。

如何设置渲染管道?

可以告诉代理按照SKILL.md中的说明设置,或手动运行相关命令。

相关 Skill