🛠️

不会写代码,也能让 AI 帮你做个小工具

把你想要的小工具用大白话讲清楚,AI 生成代码,你直接预览效果。

编程开发 进阶玩法

你心里可能有过这样的小愿望:做个能算房贷的小页面、一个团队抽签器、一个把名单随机分组的小工具——可一听“要写代码”就劝退了。其实现在不必。

会聊天,就能让 AI 把它做出来。你用大白话描述要什么,AI 写出代码,你把代码一存、用浏览器一开,就能看到能点能用的成品。这条不是教你成为程序员,而是让你明白:做个自用的小工具,门槛已经低到“会描述需求”就够了

什么时候用

想要一个网上找不到、或找到也不顺手的小工具/小页面——计算器、抽签器、倒计时、小报名表——又不想为此学编程时。

怎么做

  1. 打开一个会写代码的 AI(如 Claude、豆包,或更省事的 AI 编程工具 Trae / Cursor),把你想要的工具用大白话讲清楚:做什么、有哪些输入框和按钮、点一下出什么结果
  2. 让它“用 HTML 一个文件做出来,我能直接在浏览器打开”——单文件最省心,不用装任何环境
  3. 把它给的代码整段复制,存成一个 .html 文件(文件名随意,比如 tool.html),用浏览器双击打开就能看到效果
  4. 哪里不对就直接说人话改:“按钮太小”“结果再加个百分号”“配色换成蓝色”,让它改完再给你一版

写法对比

❌ 多数人这么写
帮我做个计算器。
✅ 换成这样
帮我做一个“房贷月供计算器”,用单个 HTML 文件实现,我能直接在浏览器打开。需要三个输入框:贷款总额、年利率、还款年数;一个“计算”按钮;点一下在下方显示“每月还款”和“总利息”。界面简洁、手机上也能看,中文。

左边 AI 只能猜你要什么,做出来多半不是你想的样子;右边把“长什么样、有哪些输入、点了出什么”说清楚,一次就能拿到能用的成品。

可复制的提示词

帮我做一个【工具名称,如:BMI 计算器】,用单个 HTML 文件实现,我能直接在浏览器打开,不用安装任何东西。需要:【几个输入框,分别填什么】;一个【按钮文字】按钮;点一下后【显示什么结果、在哪显示】。要求界面简洁、手机上也能正常显示,用中文。请把完整代码一次给我。

实战示范

示范 1 · 团队抽签 / 随机分组器
帮我做一个随机分组小工具,单个 HTML 文件,能在浏览器直接打开。功能:一个大文本框让我每行输入一个名字,一个输入框填“分成几组”,点“分组”按钮后在下方按组列出结果。界面简洁、中文,手机也能用。

你会得到:一个能直接用的网页:粘贴一串名字、填个组数、点一下就出分组结果,聚会、值日、分队都用得上。

示范 2 · 给小工具改样子
在刚才那个分组器基础上改三点:1)按钮颜色换成绿色、大一点;2)结果每组用一个小卡片框起来;3)加一个“再抽一次”按钮。还是给我完整的单个 HTML 文件。

你会得到:它会把改动应用好,重新给你一整份代码;你换掉旧文件再打开,就是升级版。改样子完全可以靠“说人话”完成。

进阶玩法

  • 更省事的路子:用 Trae、Cursor 这类 AI 编程工具,你描述需求,它直接生成文件并在旁边预览,连复制粘贴都省了,适合想多做几个工具的人
  • 一步步加功能:先让它做最简单的版本跑通,再一句句加“能不能记住上次填的数”“加个一键复制结果”,比一开始就要求一堆更稳
  • 想要别人也能用:让它“做成能放到网上的单个网页”,再问它怎么免费发布(很多平台支持直接上传一个 HTML 文件)

避坑提醒

  • 一上来就要个“大而全”的系统:AI 适合做小而清晰的工具;想做复杂的,先拆成一个个小功能分别让它做
  • 报错或打不开就放弃:把出错的样子或现象原样告诉它(“双击打开是空白页”),它通常几句话就能帮你修好
  • 不说“单个文件、能直接打开”:不点明,它可能给你一套需要安装环境才能跑的代码,小白容易卡住

常见问题

我完全不懂代码,真的能行吗?
能。你的工作只是“描述需求”和“把代码存成文件、打开看效果”,代码本身不用看懂。遇到不会的步骤,直接问 AI“这段代码我该怎么存成文件打开”,它会一步步教你。
这样做出来的工具安全吗?能放心用吗?
自己在浏览器里打开、自己用的小工具(计算、分组、倒计时这类)很安全,数据都在你本机。但别把密码、身份证号等敏感信息填进一个来历不明的网页;真要处理重要数据,先请懂行的朋友帮你看一眼。

小贴士:先从一个你真正想要、又特别简单的工具练手——一个计算器、一个倒计时就好。做成一个、能用起来,你对“AI 帮我做东西”这件事的感觉会完全不一样。

相关妙用