Skip to content

Latest commit

 

History

1,255 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

NoDesign

NoDesign

与 Agent 共用一块画布

项目中的产物、素材与推理过程集中在同一块画布上。
用户在画布上指定、整理与修改,Agent 在画布上制作、检查与说明。产物以标准文件交付。

release npm downloads license

官网 · 网页版 · 下载 Windows 版 · 案例 · 开放与扩展 · 常见问题 · English


雾岭咖啡项目的画布:板书上的演示结构、发布演示稿、官网与透明底包装图,产物之间以关系线相连,右侧为 Agent 会话栏

快速开始

Windows 桌面版 网页版 命令行
下载安装包 nodesign.xiaobuyu.trade npx @xiaobuyu/nodesign
推荐长期使用。支持自动更新,可登录 NoDesign 账号使用平台模型,或配置自有密钥(BYOK)。 无需安装,注册后即可使用。提供免费模型与每日额度,部分依赖本机环境的功能暂未开放。 需要 Node.js 22.16 及以上版本,适用于 Linux、macOS 与自部署场景。

桌面版与命令行版本的项目文件和配置均保存在本机。

画布:用户与 Agent 的共同工作台

对话式工具里,用户与 Agent 之间只有一条文字通道:用户要把看到的内容翻译成文字,Agent 要把做出的内容放回对话。NoDesign 用一块双方都能读写的画布取代这条通道。

画布之于用户:项目全貌,也是指令的一部分

  • :项目中的产物、素材、板书与关系集中在一块画布上,不埋在对话记录里。
  • :选中的对象、圈选的区域与当前视野随消息一并提交,“这里”不需要再用文字描述。
  • :拖动、归入文件夹、连线标注“取材”“批注”“接着”“对照”“改自”。整理画布本身就在向 Agent 说明素材之间的关系。
  • :双击文字直接修改,改动与圈选一起交给 Agent。

用户从网站连一条“取材”线到“江岸”包装图,圈选订阅计划一节并提出“这里配上这张包装图”,Agent 按连线找到这张图完成修改

画布之于 Agent:桌面、眼睛与黑板

  • 桌面:Agent 直接在画布上工作,新建产物、放到相关内容旁边、归类、打开并排比较。Agent 只说明位置关系,具体坐标由系统计算。
  • 眼睛:Agent 读取画布的当前状态,包括用户移动与修改过的内容;也能截取产物在不同宽度下的画面,检查自己的结果。
  • 黑板:Agent 在画布上拆解问题、列出计划、比较方案。板书以文件保存,用户修改后,Agent 按修改后的内容执行。
  • 进度可见:Agent 工作时,正在写入的产物、调用的工具与完成状态实时显示在画布上。

Agent 在板书上列出 8 页演示稿结构;用户在板上删去一页、补充一句;Agent 按修改后的结构制作 7 页演示稿,放在结构旁边并以关系线相连

画布之于两者之间:共同语境与项目记忆

  • 双方读写同一块画布。用户的每次整理与修改,Agent 在下一轮都能读到;Agent 的每件产出都留在画布上,可以查看、修改与回退。
  • 关系线记录取材与派生:哪张图用于哪个网站、演示稿依据哪份文档制作。Agent 跨产物工作时据此取材,无需重复说明背景。
  • 项目决策、风格规范与偏好跨会话延续;满意的工作流程可以沉淀为 Skill,并发布到 Skill 市场。

新开一个会话,只说一句“把品牌手册里的三种冲煮参数整理成一页,加到发布演示稿最后”,Agent 从画布找到手册与演示稿,完成跨产物修改

更多能力

  • 自动检查:交付前获取桌面、平板与手机三种宽度的截图,读取控制台错误、渲染样式与字体加载状态;多轮修改仍未达到预期时,可调用只读评审子代理逐页复核。
  • 内置浏览器:访问网页并截图,分析布局、配色、字体与滚动动效,并将所需素材保存至项目。本地运行时可保留登录状态,遇到验证码或登录确认时暂停并请求用户接管。
  • 先确认再执行:需求中缺少画幅、风格等关键信息时,Agent 先提出问题,确认后再制作,减少整版返工。
  • 标准文件交付:网站整站导出 ZIP,演示稿导出 PDF 与 PPTX,文档导出 .docx;配置 Cloudflare 后可发布至公网。

支持的产物

产物 文件格式 能力
网站:作品集、落地页、小型应用 index.html 的文件夹 桌面、平板与手机宽度预览;整站 ZIP 导出;配置 Cloudflare 后发布至公网
演示稿、长图、海报 .html 16:9、9:16、4:3 等固定画幅分页;导出 HTML、PDF、PPTX
Word 文档 .docx 生成标准 OOXML 文档;页面预览与翻页;下载原始文件
图像 常见图像格式 图像生成、背景移除与素材处理
视频 常见视频格式 导入、预览与转码

雾岭咖啡项目中的四类产物:品牌官网(桌面与手机)、8 页发布演示稿、9 页 Word 品牌手册、透明底产品图

案例

以下网站均使用 NoDesign 制作,并通过公开链接发布。

喷气发动机 3D 互动教具

喷气发动机 3D 互动教具:以程序化几何构建的涡扇发动机模型,支持旋转缩放、启动与油门控制、爆炸拆解、剖切透视和气流可视化,并按站位显示压比、温度、速度与能量变化。

深入第三极
深入第三极
藏地三十日旅行长篇图文网站
晨曦 CHENXI
晨曦 CHENXI
护肤主题刊物及其产品线
相対性理論 · 纸上手账
相対性理論 · 纸上手账
乐队非官方粉丝网站
凛 · 角色拆解
凛 · 角色拆解
短片《Shelter》主角的角色分析,批注兼作视图切换
某日猜想
某日猜想
分章节互动解谜故事
SPiCa -paid vacation mix-
SPiCa -paid vacation mix-
单曲鉴赏页

此外还包括与“深入第三极”配套的 15 页西藏旅行演示稿、一套像素风格的服务器宣传页,以及一份经过六轮修订的正式简历(.docx)。

模型与服务商

NoDesign 账号

桌面版与命令行版本登录 NoDesign 账号后,即可使用平台提供的 GLM、DeepSeek 等模型。目前平台每日提供免费额度,无需自备 API Key。

自有密钥(BYOK)

在设置页“模型 → 使用自己的 API Key”中选择服务商预设并填写密钥。

类别 服务商
国内服务商 DeepSeek、智谱(Z.ai)、阿里百炼(通义)、Moonshot(Kimi)、硅基流动
海外服务商 Anthropic(Claude)、OpenAI、OpenRouter、OpenCode Zen / Go
本机模型 Ollama、LM Studio
其他 Anthropic 格式中转服务、兼容 OpenAI API 格式的任意服务

使用自有密钥时,请求由本机直接发送至服务商,不经过 NoDesign 服务器;费用由服务商结算,不计入平台额度。使用本机模型时,模型推理在本机完成。

每个模型配置均提供“体检”功能,用于验证文本对话、流式输出、工具调用、图像理解与 Token 计数五项能力。

开放与扩展(规划中)

目标是让画布成为用户与多个 Agent、多个系统之间的协调层:各系统中的任务、文件与进度以卡片形式集中呈现在同一块画布上;Agent 通过 CLI、MCP 与浏览器操作这些系统;用户在画布上统一查看、比较与决策。

规划中的结构:CLI Agent、MCP 服务与在线平台通过画布汇合,用户在画布上集中查看与决策

现状:本地版已提供 MCP 服务端,Claude Code、Codex 等 Agent 可读取 NoDesign 的运行状态(健康、项目、进程、回合、日志)。

规划中的方向:

  • 接入命令行工具:Agent 通过 CLI 在外部平台发起并跟踪后台任务,例如在 Kaggle 上提交 Notebook 运行,任务状态与输出实时显示在画布上。
  • 协同浏览器中的工作:用户在浏览器中编辑 Kaggle Notebook 等在线页面时,可以请 Agent 查看当前代码、定位问题,并直接修改页面中的表单与代码单元。
  • 接入 MCP 服务:连接 Blender 等创作软件,以及飞书文档、Notion 等文档平台,将其中的场景、文档与数据作为画布上的对象引用和编辑。
  • 开放画布工具:Claude Code、Codex 等 CLI Agent 可以将产物与进度写入画布,与 NoDesign 自身的 Agent 共用同一块工作台。
  • 集中决策:来自不同平台的产物在同一块画布上并排比较、批注与确认,无需在多个系统之间切换。

常见问题

NoDesign 是否收费?

NoDesign 为开源软件。目前网页版与登录账号的桌面版使用平台提供的免费模型,每日有额度限制。使用自有密钥时,费用由模型服务商按用量直接结算。

中国大陆网络能否直接使用?

可以。网页版、安装包下载与桌面版自动更新均通过中国大陆可直接访问的线路提供,不依赖 GitHub。使用自有密钥时,DeepSeek、智谱、通义、Kimi、硅基流动等国内服务商可直接连接;Claude、OpenAI 等海外服务需要网络能够访问对应地址。

安装时出现“Windows 已保护你的电脑”提示,如何处理?

安装包目前未进行代码签名,Windows SmartScreen 会提示“未知发布者”。点击“更多信息”,再选择“仍要运行”即可继续安装。

是否提供 macOS 版本?

目前暂未提供 macOS 桌面版。macOS 用户可以通过 npx @xiaobuyu/nodesign 运行命令行版本;该平台尚未完成真机验证,如遇问题请通过 Issues 反馈。

数据存储在哪里?

桌面版与命令行版本的数据保存在用户目录下的 .nodesign 文件夹(Windows 为 C:\Users\<用户名>\.nodesign),服务仅监听 127.0.0.1。网页版的项目数据存储于服务端,并按用户隔离。

各版本之间有何区别?
桌面版 / 命令行 网页版
模型 登录 NoDesign 账号使用平台模型,或配置自有密钥 平台模型,每日额度
数据 保存在本机 .nodesign/,服务仅监听 127.0.0.1 服务端存储,按用户隔离
账号 使用自有密钥时无需账号 公开注册
功能 完整功能;截图、Word、背景移除、图像生成等按本机环境自动检测;网站发布需配置 Cloudflare Pages 支持截图、搜索与图像生成;网站发布暂未开放
费用 平台模型目前免费;自有密钥由服务商计费 目前免费

安全与隐私

每个项目使用独立的工作区目录。本地数据默认保存在 .nodesign/,服务仅监听 127.0.0.1

在受支持的平台上,可以启用系统级命令沙盒:Linux 使用 bubblewrap,macOS 使用 sandbox-exec;Windows 暂不提供系统级命令沙盒。此外可以启用自动权限检查,对文件上传、外部请求等敏感操作进行额外判断。

本地版本默认不启用命令沙盒与自动权限检查,请根据使用场景自行开启。在 Windows 上,建议仅打开可信的项目;当 Agent 计划修改工作区以外的文件、安装软件、上传本地内容或执行其他可能影响系统环境的操作时,请先确认其计划。

项目状态

NoDesign 于 2026 年 4 月启动,目前处于公开测试阶段,版本迭代频繁。截至 2026 年 9 月,项目包含 60 个专用工具、2,400 余项自动化测试,累计提交 1,200 余次,注册用户 140 余位。

功能 状态
画布与项目管理 公开测试
网站生成、预览与发布 稳定
演示稿生成与导出 稳定
Word 文档 可用;预览分页可能与 Microsoft Word 存在差异
图像与视频工具 可用;具体能力取决于本机依赖与服务配置
板书与关系线 可用;交互持续完善中
Skill 市场 可用;需要登录 NoDesign 账号
画布对话与思考分支 开发中
外部 Agent 与平台接入 规划中,见“开放与扩展”
互动演出模式 实验性功能,尚未完整开放

各版本的更新内容见 CHANGELOG.md

平台 状态
Windows 桌面版已发布,支持自动更新
Linux 命令行版本可用
macOS 暂无桌面版;命令行版本尚未完成真机验证
移动端 网页版支持浏览与对话,编辑操作建议在电脑上完成

反馈

问题与建议请提交至 GitHub Issues。提交问题时,请附上日志文件(设置 → 关于 → 日志)。

开发者

配置

启动后点击右上角齿轮进入设置页。

  • 本机能力:启动时自动检测 git、Chromium、LibreOffice、poppler、ffmpeg、rembg,以及图像生成、搜索与发布能力。缺少依赖时,设置页会给出安装方法,对应工具显示为不可用。
  • 其他设置:搜索服务、图像生成通道、Cloudflare Pages 发布、命令沙盒、自动权限检查。

配置文件位于:

~/.nodesign/.env          # 密钥
~/.nodesign/config.json   # 模型插槽及其他配置
技术架构
  • 前端:React + Vite。无限画布的相机、命中检测、关系排布与产物能力系统为自研实现,几何计算、命中判定、导出格式等核心逻辑配有单元测试。
  • 服务端:Node.js ESM。Agent 会话以项目工作区为执行目录,通过 60 个进程内工具操作文件、浏览器与各类产物。
  • 会话同步:服务端维护会话状态,支持流式输出、断线恢复与多标签页同步。
  • 模型兼容:原生支持 Claude,并通过格式转换接入兼容 OpenAI API 的模型服务。无法匹配上游时直接返回错误,避免请求被发送至错误的服务。
  • 产物系统:网站、演示稿与 Word 文档通过统一的注册机制接入预览、导出与发布流程。
  • 桌面版:基于 Electron,内置完整的本地服务端;安装包与更新通过镜像分发。
本地开发
npm install && cd web && npm install && cd ..
npm run dev                 # 服务端,读取 .env
cd web && npm run dev       # 前端
npm test                    # 服务端与前端测试

完整运行需要配置模型接入及部分本机工具依赖,设置页会列出缺少的依赖与安装方法。

项目以 Vitest 测试套件作为发布前检查,覆盖前后端契约、模块边界、权限能力表与关键界面文案。部分约束以静态测试固化,例如前后端能力表逐项对账、权限判断必须经由能力表、界面文案措辞检查与源文件行数上限。

前端通过 web/scripts/deploy.sh 部署(新增分片、保留旧分片、原子替换 index.html);服务端改动需要重启进程。

许可证

本项目基于 AGPL-3.0 许可证发布。允许使用、修改与自行部署;以网络服务形式向他人提供时,须以相同许可证公开修改后的源代码。

About

与 Agent 共用一块画布:以画布为中心的 Agent 工作台。网站、演示稿、Word 文档、图像与视频集中在同一块画布上,用户指定、整理与修改,Agent 制作、检查与说明。支持 Windows 桌面版与自有密钥(BYOK)。

Topics

Resources

Stars

32 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages