用途：在浏览器中渲染交互式 UI，通过写文件即可创建与更新界面，服务器按文件名自动选择模式：App.jsx → React（适合快速原型、复杂表单、图表仪表盘）；index.html → Vanilla（适合可移植、基于标准的产物）。
主要能力：React 模式预打包 shadcn/ui 组件、Tailwind CSS、useState/useEffect 响应式、Recharts 数据可视化、热重载保留状态，并预置 ContactForm、DataChart、DataTable、StatCard、ActivityFeed、ProgressList、MarkdownViewer 等可复用组件。Vanilla 模式使用原生 HTML 元素、Web Components、CSS 变量、import maps，无构建步骤。组件通过 window.canvasEmit() 向日志发送事件；可用 _state.json 与 useCanvasState 实现双向状态同步。写文件后自动进行 ESLint、scope、Tailwind、bundle 等校验，问题会注入下一次响应；活动记录在 _log.jsonl，可用 grep 过滤。可通过 TypeScript 的 CanvasClient API 截图、关闭画布、读写状态、查询状态与列出画布。
必要用法：启动服务器 cd /path/to/browser-canvas && ./server.sh &，等待 “Ready on http://localhost:9847” 后再继续；将 App.jsx 或 index.html 写入 .claude/artifacts/ 下的新文件夹，服务器自动检测并打开浏览器标签；编辑文件后浏览器自动热重载。脚本可用 bun run my-script.ts 运行。
适用场景：需要与 AI 协作、快速迭代浏览器界面原型的场景。
限制：资料未提供具体收费、价格、性能数据与兼容版本等细节，暂未提供。