drawbridge

收录理由

前端调优常常卡在描述这一步：你对着渲染好的页面，发现间距不对或某个元素错位，但要把它说清楚到让AI助手能动手改，往往比修本身还费劲。Drawbridge是个Chrome扩展，直接把这步跳过去——点一下元素或在问题区域拖个框，留下类似Figma的评论和截图，笔记就会以markdown加结构化JSON的形式写进你的项目。把Cursor、Claude Code或Codex指向这个项目，运行/bridge，助手拿到的就是带DOM上下文的实际任务队列，而不是含糊的口头描述。对个人开发者和小团队来说，视觉bug修起来比写清楚快，用这个工具就把中间的大部分开销消掉了。有一点需要注意：它的许可证是定制的，允许免费使用和修改，但商业再分发或作为服务提供则需要付费许可。