draw2code
运行在 dsh-better-sidebar 中的 Excalidraw 协作原型插件：结构化澄清产品需求、保护用户手工修改的人机画板更新，以及基于原型的前端生成。
An Excalidraw prototyping tab for dsh-better-sidebar with structured product clarification, conflict-aware human and Agent board updates, and prototype-guided frontend generation.
怎么安装
dsh plugin add github:guchang/draw2code 简介
Draw2Code · 画码 中文 | English 面向 DeepSeek Harness（DSH） 的人机协作原型插件：先通过结构化提问把产品需求想清楚，再让 Agent 和用户在同一张 Excalidraw 画板上共同修改低保真原型，最后基于已经确认的画板生成并验收前端页面。 Draw2Code 是一个独立插件，只读写当前 DSH 工作区中的 draw2code/ 和 draw2code-pages/，不会附带任何演示项目。 为什么需要 Draw2Code Vibe Coding 很容易从一句模糊需求直接跳到代码，结果往往是页面范围没想清楚、用户手工删除的内容被 Agent 恢复，或者 Agent 声称已经画完但用户看不到结果。Draw2Code 把协作过程拆成三个边界明确的阶段： 1. **Create：澄清产品** 当用户提出一个新产品想法时，draw2code_create 用可点击选项逐步澄清目标端、核心用户、核心目标、主流程、首版模块和核心页面。 已经明确的信息不会重复询问；视觉品牌、颜色和正式前端实现留到生成阶段。 用户确认最终 brief 之前不会创建画板。 2. **Update：共同画原型** draw2code_update 把语义化低保真页面写入 Excalidraw，用户可以直接拖动、删除、改字或添加便签。 Agent 更新前读取当前画板；冲突、用户…
推荐参考
信息
- 协议
- Apache-2.0
- 语言
- TypeScript
- GitHub 星标
- 0
- 月下载
- –
- 最近更新
- 2026-08-19
- 创建于
- 2026-08-18
基础安全检查
- 检查结果
- curated 收录但无 npm 包/安装命令
- 收录来源
- curated:awesome-dsh-plugin.com, curated:awesome-dsh-plugin/awesome-dsh-plugin
- 主题标签
- deepseek-harness, dsh-plugin, excalidraw, prototype, vibe-coding, wireframe
同类推荐
claudecodeui
siteboon/claudecodeui
通过CloudCLI（即Claude Code UI）在移动端和网页端使用Claude Code、OpenCode、Cursor CLI和Codex。CloudCLI是一个免费开源的webui/GUI，帮助您远程管理Claude Code会话和项目。
magic-mcp
21st-dev/magic-mcp
它就像v0，但在你的Cursor / Claude Code / Windsurf中：搜索10,000多个React/Tailwind组件，用AI生成新UI，并发布你自己的——直接从编辑器内完成。Magic MCP现在是第21个MCP；此包保持旧配置正常工作。设置：21st.dev/mcp
deepseek-harness-desktop
anywhere-labs/deepseek-harness-desktop
为 DeepSeek Harness (DSH) 生态打造的现代化桌面端体验