AI时代人人都是软件设计师-夜雨聆风

AI时代人人都是软件设计师

所以小点击下方卡片关注「AI小白笔记」公众号

熟悉软考的朋友都知道，软考中有一门考试是“软件设计师”，要是十几年前你拿这个证书到软件开发公司找工作，相当吃香，但现在如果用好AI工具，每个人都是软件设计师，几分钟就可以开发一个简单的网页，甚至可以开发带后台的动态网站。

今天推荐两个“网页生成”非常nice的AI工具，为什么要同时推荐两个?要回答这个问题，先解释一个AI领域最基本的概念，那就是token：

在AI眼里，token是最小的文字碎块。

比如你给一个两岁的小孩喂香蕉，他不可能一口吃完，你得把香蕉掰成一小块一小块慢慢喂小孩，这一小块香蕉在小朋友眼中就是一个token。

为什么用token作单位，不是用字数呢，因为AI不是人类，它看不懂中文，也看不懂英文，只会算数，把文字切成 token→变成数字→AI 就能飞快计算、思考、生成回答。token 就是 AI 专属的「语言最小单位」。

AI 所有思考、回答、记忆、花钱，全都按token算，不按汉字字数或英文单词数量计算。

比如：天气真好，在人类看来就是4个汉字，在AI看来，就是大约5-6个token，为什么是大约，因为每个大模型将句子切分成token的方法不一样，导致token数也不一样，不过对于普通人而言，可以不那么准确地将

1 个汉字 ≈ 1.4 个 token

逗号、句号、空格、换行、英文、数字，全部单独算 token。

所以如果你看到某个AI能处理128K的上下文，大致就是128000个token，约91,428个汉字，如果超出这个字数，AI就会忘记前面的内容。

现在回答为什么要同时推荐两个“网页生成”的AI工具，因为生成一个网页需要非常多的token，如果你在一天内想生成多个网页，或许供应商提供给你的token不够，那就要找相应的平替工具。

第一个工具：扣子（字节跳动）

https://www.coze.cn/studio?invite_code=dd73cd49e68a4643a82fc9cd2c434abb

注册后每天登录赠送1500积分，可以用自然语言生成网页、小程序、APP、智能体、工作流和技能。

第二个工具：秒悟（阿里）

https://meoo.com/

注册后每天登录赠送2000积分，现在能生成网页、移动端APP（H5应用）和技能。

如果赠送的积分用完了只能花钱买积分，积分就是token，所以这里同时推荐2个。

啰嗦一句：其实豆包也可以做，但没那么专业。

【实战案例1】

以秒悟为例（扣子的用法与秒悟类似），我用以下提示词生成一个线上的英文词典

提示词：用户输入英文单词，输出这个英文单词所有的涵义，包括该涵义的词性，音标，英英翻译，中文翻译，常见搭配和必要的用法说明，如有同义词或反义词，要显示出来，每个涵义要输出对应的3个例句。

只需等待几分钟，一个属于你自己的专属英文词典就出来了，检查没有问题就可以发布，公开出来大家一起用

该词典链接如下：

https://meoo.com/skills/1286

点击页面右边的“使用技能”就能查询英文单词，比如我要查询intelligence，在输入框输入这个单词

点击右下角的彩色按钮，就有看这个单词的详细解释

注意看，这里每个释义都是按照提示词的要求显示出来的，每是自己想显示什么就显示什么，个人觉得这个英文词典比市面上大部分的词典都要好用，类似地可以生成新华字典，古汉语字典，数学公式查询等。

【实战案例2】

还是以秒悟为例（因为扣子积分用完了

），让它生成一个比案例1更复杂的网页。

提示词：开发一个完整的《机器学习》在线学习平台，采用单页应用架构实现以下核心模块：课程信息展示区（包含课程名称、适用对象、总学时、课程简介及学习路径图）；结构化知识体系（覆盖数学基础、监督学习、无监督学习、深度学习、强化学习等完整章节，每个知识点需标注【重点】或【难点】标签，数学基础章节必须包含矩阵运算的完整计算步骤、特征值与特征向量的求解过程、条件概率与贝叶斯公式的推导详解、期望与方差的计算方法，所有算法需附带时间复杂度和空间复杂度分析，关键算法执行过程用Canvas或CSS动画可视化演示）；智能练习系统（每章不少于30道题目，题型涵盖单选题、多选题、填空题、编程题，支持实时答案校验与详细解析反馈）；学习辅助工具（每章配备知识小结和可交互的思维导图）。技术栈要求：前端使用React/Vue + TypeScript，状态管理采用Redux/Pinia，动画使用Framer Motion或GSAP，代码编辑器集成Monaco Editor，图表使用ECharts或D3.js，整体UI采用学术风格配色，确保在桌面端和移动端均有良好体验。

等了二十分钟左右，得到以下网页：