零代码做本地应用：不写一行代码，给你公司做个小工具
不会编程也能做出能跑起来的内部小工具。本文用一个单文件报价单计算器演示如何用 WorkBuddy 零代码生成可双击打开的 HTML 工具，覆盖登记系统、库存查询、打卡看板等常见场景，并说明本地应用的数据安全边界与托管给同事访问的办法。
"做个小工具"这件事，以前要么花两万块找外包，要么找一个会前端的同事来加班。现在第三种可能：你用大白话跟 WorkBuddy 说一遍，它直接给你一个能双击打开、能算数、能导出的网页文件。
这套东西叫零代码本地应用——不需要装 Node、不需要配环境、不需要买服务器，产出就是一个 HTML 文件。
一、你的公司大概率需要这几个小工具 #
| 场景 | 你要的输入 | AI 给你的产物 |
|---|---|---|
| 报价单生成器 | 产品名 / 单价 / 数量 | 自动算总额、带税率的单页工具，可导出 CSV 或打印成 PDF |
| 内部登记系统 | 手工登记的表单字段 | 本地保存的登记页，支持新增、查询、导出 |
| 库存查询页 | 库存表 | 输入型号就能查到数量与位置的查询工具 |
| 部门打卡统计看板 | 打卡记录表 | 一屏看完的出勤汇总，自动算迟到早退 |
共同点是：流程固定、数据量小、只在公司内部用。这三类恰好是零代码本地应用最稳的场景。
二、准备什么 #
- WorkBuddy 桌面端已安装（Mac / Windows 都行）。
- 一个想放工具的空目录，例如
D:\公司资料\内部工具。 - 想清楚三个问题：这工具给谁用？要填哪些字段？要不要能导出？想不清楚就先让它按最常见的版本做一版，用两天再改。
- 如果涉及内部历史数据（比如现有 Excel 库存表），直接把文件拖进对话当上下文，AI 才能照着你的字段做。
三、动手：一个单文件报价单计算器 #
第 1 步：把这段提示词整段粘进去
请帮我做一个本地可用的报价小工具，要求如下：
【技术】纯 HTML + 原生 JavaScript，不引入任何框架和外部 CDN，保存为单个 报价单.html 文件，双击用浏览器就能打开、能正常算、能导出，不需要联网。
【保存位置】D:\公司资料\内部工具\报价单.html
【功能】
1. 支持动态增删"产品行"：点"添加一行"多一行，能删除单行的产品行；
2. 每行三个输入：产品名称、单价、数量，自动算出该行小计（单价 × 数量，保留两位小数）；
3. 底部自动汇总：合计金额、含税金额（税率 13% 可调）、大写总额（人民币）；
4. 支持填写客户名称、报价日期、业务员姓名；
5. 支持"导出 CSV"：导出当前所有行 + 汇总信息，UTF-8 带 BOM，Excel 打开不乱码；
6. 支持"打印 / 另存为 PDF"：调用浏览器打印，打印样式去掉按钮，只保留单据；
7. 数据用 localStorage 缓存，关掉浏览器再打开还在。
【界面】
简洁商务风：白底、主色深蓝 #1f3a5f、辅助灰 #f2f4f7，等宽数字对齐，表格行有悬停高亮；
按钮圆角 6px，主按钮深色、次按钮白底描边；字号 14px，打印时自动放大到 12pt 单列排版。
【必做】
写完后请实际检查一下逻辑：单价 100、数量 3、税率 13% 时，合计应为 300.00，含税 339.00，
如果哪里算错要自己修好再交付。最后用一段话告诉我这个文件的用法（不超过 100 字）。第 2 步：看结果区里的产物
WorkBuddy 右侧结果区会给出两类东西：概览（一句话说明做了什么）+ 产物（文件卡片）。点开文件卡片里的"预览"可以直接在面板里看效果，确认没问题再去看本地那份。
第 3 步：双击打开实测
双击 报价单.html，填一行数据试试。不合格就回来补一句："单价那里你只做了小数点后一位，帮我改成两位"，改起来是秒级的事。
第 4 步：顺手做第二个工具（库存查询页）
同样的路子，你连第二个都不用从头想，直接复制这段：
再做一个小工具，功能：输入产品型号或关键词，查到库存数量、仓库位置和最近一次出库时间。
要求：
1. 界面是左侧搜索框 + 右侧结果表格，结果超过 20 行时支持分页（每页 20 条）；
2. 数据来自工作空间 inventory.csv，字段为 型号、品名、库存数、仓库、安全库存、 recent出库日期；
3. 库存数低于安全库存的行，整行标红并在顶部提示"共 N 项低于安全库存"；
4. 支持模糊匹配（型号或品名包含关键词即可），搜索无结果时显示空状态提示，不要报错；
5. 单个 html 文件，双击可打开，数据写在文件里（把 CSV 内容直接内联），不需要服务器；
6. 保存为 D:\公司资料\内部工具\库存查询.html。做完后自测：搜一个真实存在的型号确认能查到。为什么这样算"零代码"：你全程没装过一个开发环境，也没写过一行代码符号，但拿到的是一个真能用的工具。这就是 AI 桌面智能体交付成果的直接性。
四、再进一步：把工具托管成网页给同事用 #
单文件版够自己用，不够全公司用。官方支持"可托管应用"能力：做好之后可以部署成网页，同事用手机扫码或点链接就能打开，不用传文件。可托管数量按套餐分档（标准版 10 个、高级版 50 个、旗舰版 99 个，具体以你的套餐为准）。
托管版和单文件版的差别，主要在数据存哪儿：
- 单文件版：数据存你自己电脑（localStorage / 本地文件），同事打开看到的是他自己的空白表单，互相不共享。
- 托管版：数据存在服务端，需要有人负责数据备份与权限。
所以我的经验建议（非官方强制）：部门内部共用、数据不重要 → 先托管；涉及客户报价、底价、员工信息 → 就用本地版，别托管。
五、成果怎么验收 #
交付后请拿这四条卡一遍，缺一条就别往下走：
- 不联网能跑：断网状态下双击打开，所有按钮照常可用。
- 算得对：拿三行数据手算一遍对账，重点看小数位和含税逻辑。
- 导出能打开：导出的 CSV 用 Excel 打开，没有乱码、金额是数字不是文本。
- 换台电脑也能用：拷到同事电脑上，路径变了依然能打开（这也是单文件方案的好处）。
六、常见坑 #
坑 1：AI 做了个"看起来能用"但按钮没绑事件的页面。
这是新手最常见的翻车。所以提示词里我特意写了"请你实际检查一下逻辑"，并要求它自测。别指望它一次百分百对，验收必须自己点一遍。
坑 2：数据全在你本地，换电脑就丢。
localStorage 是跟浏览器+文件位置绑定的。想留底，就加个"导出备份"按钮存 JSON 到指定目录，每月导一次。
坑 3：别让它联网上传你的数据。
提示词里写死"不引入任何外部 CDN、不需要联网"，就是在堵它偷偷加载外部资源。做财务、客户类工具这条务必加上。
坑 4：界面做出来像 2005 年的官网。
直接在提示词里给主色值、给字号、给圆角半径，比说"好看一点"有效十倍。想要更系统的设计能力，可以看《Frontend Design 技能实战》里关于设计输出的那种讲究劲儿。
坑 5：托管之后忘了备份。
托管应用的数据是有价值的，定个日历提醒每月导一次备份，别赌。
七、FAQ #
Q1：完全不会代码，改起来会不会很难？
A：改的方式还是说人话。直接说"把税率输入框放在合计上面"，它自己动代码，你永远不用碰。
Q2：能做带后台登录的工具吗？
A：本地单文件版不适合做登录鉴权。这种要上托管应用，并且只能内网或指定人员访问，具体方案建议先做一版原型看看。
Q3：工具能接我们公司的微信通知吗？
A：单文件版不行（纯本地）。可以让 WorkBuddy 做"定时跑数据 + 助理推送"的组合，参考《每日资讯简报自动推送》。
Q4：能用我们真实的报价模板排版吗？
A：可以，把你们现有的 PDF 报价单截图或原件拖进对话，让它照着版式还原，还原度比凭空描述高得多。
Q5：一个工具做坏了会污染电脑吗？
A：单个 HTML 文件基本没有破坏力。真正要注意的是它生成的临时脚本和写入目录，别让它写到系统盘根目录下。
八、总结 #
零代码做本地应用，最实用的起点不是"做一个大系统"，而是"把一个每周都要重复的手工动作变成一次点击"。建议先做你最烦的那个（报价、登记、对账任选一个），跑通之后第二个会快十倍。
想让工具自己按点跑数据，可以看《自动化：定时任务让 AI 每天替你干活》；AI 自己写的代码自己能不能接着改，可以看《自建 Skill 与 AI 自驱动工作流》。本站还有「40+ 篇免费教程」，从生图实战到办公文档全套都有，可复制即用；如果你的公司需要把某个手工流程做成内部工具，1v1 部署陪跑 / 企业内训可通过本站【联系】页留下需求，我们会主动对接。