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」频道最新
- 别乱开 sub-agents:两个场景才值得,多数人单 agent 更省 — brandon_galang · 2026-10-09
- 对付 agent 的「文档焦虑」:解释理由比硬规则更管用 — menhguin · 2026-10-09
- Pydantic AI 推出 On-Demand 能力:指令、工具、钩子均可按需触发 — samuelcolvin · 2026-10-09
- 让 Agent 全文引用你的设计决策,可近乎永久保留设计意图 — menhguin · 2026-10-09
- AI 运营公司工具 HQ 破千家企业用户,发布桌面版与 v16 更新 — jacob_posel · 2026-10-09
- 开源监督器 Foreman 接入 LangChain Deep Agents,获 724 星 — hwchase17 · 2026-10-09