crisp-diagrams skill:让 Agent 按你的品牌配色画出好看的示意图

yenkel · x · 2026-10-09

sandrinodm 发布 crisp-diagrams skill(pnpx skills add sandrinodm/skills --skill crisp-diagrams),附带 200+ 示例图,让编码 Agent 生成清晰好看的图表。

玩法:把网站/仪表盘截图或 logo 发给 Agent,skill 自动从图中提取强调色和分组色,存进旁边的 STYLE.md;之后的每张图(明暗两套模式)都遵循同一套品牌色。没有图也可以直接说「品牌色是 #4b2bb3」或「以后用 pastel 风格」。

示例 prompt 展示了如何描述一张「银行 App 内部结构 + 大额支付二次 Face ID 校验」的解剖图:指定标题、分区内容、强调色带和外部系统的箭头关系,Agent 即可按布局生成。适合不会画图但需要出架构图/流程图的人。

原文链接 →

「编程与Agent」频道最新

更多「编程与Agent」频道 AI 资讯 →