Cowart 本地无限画布

问题

当 AI 需要修改 HTML 报告或网页时，口头描述容易偏离具体元素：用户想改某段间距、某个按钮颜色，却很难把视觉意图稳定传达给模型。Cowart 解决的是这种“看得到，但说不清”的协作摩擦。

工作方式

它基于 tldraw 提供本地无限画布，把网页、HTML 报告、AI 图片放进同一视觉上下文。核心流程是：

• 用本地脚本启动画布，通过 http://127.0.0.1:43217 的 REST API 读写快照、选中状态和视图状态。
• 在画布中用箭头、文字、圈注做标注；标注保存在 props.richText，可用 read_annotations.py 或 API 直接读取，不依赖 OCR。
• 创建 AI 图片 holder，读取选中尺寸，按比例生成图片并插回画布。
• 在编辑器模式中导入 HTML，点选元素调整样式，再“插入画布”形成预览图片，便于继续标注和回流修改。

适用边界

该技能适合已有本地 Node.js 环境、愿意把画布数据留在项目 canvas/ 目录中的工作流。若页面引用跨域资源，截图导出可能因 tainted canvas 失败；API 不可用时可降级为截图描述或手动解析 JSON。