cathrynlavery/diagram-design

本页介绍外部开源仓库，并非 HDATF 产品。

它做什么

一个适用于Claude Code、Codex、Pi等支持skill环境的agent skill，可将从架构草图到流程图的各类图表生成为自包含的HTML和SVG，风格偏向编辑出版物。它还能重绘draw.io、Mermaid或Excalidraw的源文件。

在ATF Works的wiki页面和LabChin的最终报告中，AI助手以统一风格绘制图表时，可作为参考。作为生成可视化成果的skill设计，也值得比较。

lnkiai/m3e-canvas
M3E Canvas是一款浏览器工具，可通过拖放部件草绘Material 3 Expressive界面。界面之间可以相互链接并点按浏览，设计还能复制为供AI coding tool使用的prompt。
CoreBunch/Instatic
Instatic是一个自托管的可视化CMS，画布编辑器、内容引擎、媒体、认证、表单、插件和发布功能都运行在一个使用SQLite或Postgres的Bun服务器中。它输出简洁的语义化HTML和紧凑的CSS。
shadcn-ui/lint
一个适用于ESLint和Oxlint、面向Tailwind设计系统的linter。团队先定义允许的范围，当agent违反规则时，错误信息会说明问题，并根据项目的组件、variant和theme给出修复建议。
Nutlope/hallmark
Hallmark 是面向 Claude Code、Cursor 和 Codex 的设计 skill，用于生成不带常见 AI 生成痕迹的 UI。它会选择页面结构和主题，在输出前运行 slop test 检查，还可以对现有设计进行 audit、redesign 或 study。
wide-trace/open-higgsfield
这是一个提供统一提示词输入栏、模型专属设置和已完成任务画廊的图像与视频生成工作室。

只收录进入 Trendshift 排行榜的仓库，榜单仅用于寻找候选项目，不转载名次。说明、许可证和星标数来自各 GitHub 仓库。解读是我们自己的判断。我们尚未测试这些项目，上榜并不证明质量。