领禾 AI 成长营 · 课前热身

用扣子给自己做一张网页

9 月 8 日那天,你和同桌要围绕一个真实问题做出一个当天能用的东西。
今天这半小时,是先拿你自己当素材把这条路走一遍。做坏了不要紧,也没人检查。

约 30 分钟不用装软件不用会写代码选做
做出来的自我介绍网页在手机上的样子
这是我们试着做的一张,从头到尾二十分钟,全程只打字、没写一行代码。文案是虚构的一位招聘顾问。

分两步,用两个网址

www.coze.cn 扣子的 AI 办公助手。
第 1 步用它——让 AI 采访你,把文案问出来。
code.coze.cn 扣子编程。做网页、做智能体都在这里。
第 2 步用它——9 月 8 日当天用的也是它

两个都用手机号 + 短信验证码登录,同一个账号。

⚠️ 一个老账号的坑

如果你的扣子账号是 2024 年 12 月 10 日之前用抖音扫码注册、并且从没绑过手机号——抖音登录入口已经下线,必须先绑手机号才能进。现在就试着登一次,登不上的提前告诉本组助教。

第 1 步www.coze.cn · 约 10 分钟

让 AI 先来采访你

大多数人用 AI 是这样的:自己先想好,打一大段字过去。结果拿回来的东西看着挺顺,但不像自己

换个做法:让它先问你。你只管老实回答。

提示词 ① 让 AI 采访你
我要做一张自我介绍的个人网页,给同事和新认识的人看。

我的基本情况:
(1)我叫什么、在哪工作、做什么岗位:
(2)我做这行多久了、最擅长的一件事:
(3)我的兴趣爱好、业余时间在干什么:

现在请你先别急着写。
你是来采访我的人,目标是找出「别人看完这一页,会记住我什么」。
请围绕这个目标问我问题,一次只问一个,一共问五轮。
我回答完,你再问下一个。

五轮问完之后,把我的回答整理成一张个人网页要用的文案:
- 一句话介绍(15 个字以内)
- 三个小标题,每段正文 60 字左右
- 一句我自己说的话,用我原话的语气,不要改成书面语
这一步真正在练的

不是你把需求想清楚了再交给 AI,而是让 AI 把你脑子里的东西问出来。9 月 8 日下午,你们要用同一个动作去采访本桌的案主。

问完,把它整理好的文案复制下来,下一步要用。顺便从手机相册里挑三到五张照片:一张你的,两三张能说明你在做什么的。

第 2 步code.coze.cn · 约 20 分钟

把网页做出来

① 填需求,传照片

扣子编程首页:选中网页应用,需求填在输入框里
上面一排先选「网页应用」(红框,一般本来就选好了)。左下角红框那个 传照片的地方。旁边的「技能」「Auto」都不用动。
提示词 ② 让它做出网页
帮我做一张个人自我介绍的单页网页,手机上打开要好看。

文案照着用,语气不要改:
【把第 1 步整理好的文案粘在这里】

照片我已经上传了,请这样用:
- 第一张放在最上面,做成整屏宽的头图
- 其余的配在对应的段落旁边

风格要求:
- 干净、克制,不要花哨的动画
- 手机上字要够大,40 岁的人不用眯着眼睛看
- 页面底部留一行:想聊聊的话,欢迎在营里找我。

② 等它做完

回车之后它就自己开工了:装环境、写代码、自己跑一遍测试。要等五到十分钟,中间左边会刷很多英文,不用看,也不用管

左边是 AI 的完成说明,右边是做好的网页预览
左边是它干了什么,右边就是做出来的东西,可以直接点着玩。右上角红框的「部署」是第 ④ 步要按的。

③ 不满意,说人话就行

不要关掉重开。就在原来那个对话框里,像跟人说话一样讲哪儿不对。

用一句大白话要求修改,AI 随即完成并生成新版本
上面那句是原样打进去的——「最后那句引言我想更醒目一点:字再大一号,左边那条绿线加粗一点。」它自己就去改了,下面是改完的新版本。你不用懂它怎么改,只要说清楚你看到了什么、想要什么。
照抄就能用的几句
  • 「第一张照片太小了,放大到整屏宽」
  • 「配色换成米白配深绿,不要蓝色」
  • 「手机上正文字太小,调大一号」
  • 「第二段和第三段换个位置」
  • 报错了:把报错信息整段复制发给它

④ 部署,拿到你的链接

部署配置页:域名、可见性为公开部署、开始部署按钮
什么都不用改。只看两处:中间是系统送你的一个 .coze.site 网址;红框「公开部署」记住这四个字,下面要说。然后点最下面红框的「开始部署」
部署成功,打包构建部署三步完成,下方显示网址
再等两三分钟,走完打包 → 构建 → 部署。红框里这个网址就是你的了,点右边小图标可以复制。
✅ 这个链接谁都能打开

对方不用注册、不用登录,发到微信里点开就能看。这一条我们用一台没登录扣子的电脑实测过。


⚠️ 也正因为谁都能打开

刚才那页写的「可见性:公开部署」,就是字面意思。任何拿到链接的人都看得见上面的全部内容。所以:

9 月 8 日上午 10 点会专门讲这件事。今天先体会一次:东西一发出去,就收不回来了。

卡住了怎么办

提示积分不够了
免费版每天登录会送一批积分,当天有效、不留到第二天。用完就等明天,不用充值。这次热身花不了多少,做不完也完全没关系。
它做出来的跟我说的不一样
别关掉重开。就在原来的对话里说清楚「哪里不对、你想要什么样」,它会在现有基础上改。重开一个反而从头来过。
照片传不上去
单张太大传不了(上限 20 MB)。用手机相册自带的编辑随便裁一下,或者微信发给自己再存下来,体积就下来了。
我没有电脑,只有手机
手机也能做,就是屏幕小、看预览有点挤。能借到电脑最好。实在不方便,9 月 8 日早上 8:30 到场,助教陪你走一遍。
我没时间做完
那就不做完,这不是作业。哪怕只做到「让 AI 采访了我五轮」,最值钱的那一半你已经练到了。

做完之后

愿意的话,把链接发到营的群里——9 月 8 日上午破冰时,大家已经互相认识一半了。

当天不用带这张网页。要带的是另一件东西:一件你每周或者每月都要重做一遍的事(周报、给候选人的材料、给客户的提案都算),顺便想一下上次做它花了多久。

这半小时练的三件事,就是 9 月 8 日一整天:让 AI 先问你不满意就说一句而不是推翻重来做出来的东西要能发给别人真的用起来

当天下午你要交的,就是这样一个链接。

文中截图为 2026 年 9 月 3 日在 code.coze.cn 实机操作所截,红色方框为本文所加。
扣子界面更新很快(这一版右上角还留着「回到旧版」)。如果你看到的和图里差得多,以你屏幕上的为准,或者直接问助教。