开发者用 Claude Code 造出手绘风架构图 skill，还能自检箭头交叉
himanshu13ps · reddit · 2026-10-12
开发者 himanshu13ps 发布 penciled：一个 agent skill，把简短的 JSON 描述渲染成「2B 铅笔手绘」风格的架构图——锥形笔触、排线阴影、出头的转角、手写标签，专为设计文档里的白板草图感而生。
整个项目由 Claude Code 完成：它按作者设定的里程碑计划写出渲染器、布局引擎、校验器和测试，并用无头浏览器截图自评铅笔质感，直到作者逐阶段验收。
亮点是自检能力：绘制前先按最终布局排布，检测箭头交叉、元素重叠、标签拥挤等问题并给出修复建议，agent 可在用户看到之前自行修正。
- 安装：npx skills add himanshu13ps/penciled，兼容 Claude Code、Cursor、Codex 等读取 skills 的 agent
- 用法：直接说「把这个仓库的架构画成手绘图」
- 输出 SVG、PNG，或单文件离线 HTML（可重绘、换纸张与铅笔、缩放）
- 除 Node 18 外无依赖，免费，MIT 许可
- 提供浏览器 playground 免安装试用
代码与 playground 均已开源。
「编程与Agent」频道最新
- Reflection AI 演示 Beam 接入 opencode,自动微调 Gemma-4 准确率提升 66.5% — danielhanchen · 2026-10-23
- Cua 推出 Spaces SDK：让 Hermes 等 Agent 跑在你自己的电脑沙箱里 — Teknium · 2026-10-23
- PHP 爆两个未认证 RCE 漏洞，ProjectDiscovery 推全网免费告警服务 — cyb3rops · 2026-10-23
- Modal 开源 Spindle：Tinker 兼容自托管训练服务器，按 GPU 计费替代按 token 计费 — josh_wills · 2026-10-23
- 用 Cosmos DB Agent Kit 复查 Claude 写的 Azure 应用,实测能省多少 RU — adnan_hashmi · 2026-10-23
- 开发者弃用聊天线程，改用可视化面板管理多个 AI Agent — Salmaaboukarr · 2026-10-23