6.小红书文案生成器

小红书文案生成器（15分钟）

思路

做一个网页：

1. 输入框：输入产品名称（比如”奶茶”、”口红”）
2. 按钮：”生成文案”
3. 下面显示：AI生成的小红书风格文案（带emoji、分段、种草感）

不用接API，用本地模板+随机组合，看起来像AI生成的。

---

第 1 步：新建文件

Trae 里点 「文件」→「新建文件」

第 2 步：发需求给 AI

按 Ctrl + L，完整复制下面这段话：

plain

我是初学者，已经会做网页了。现在我想做一个"小红书文案生成器"：

功能：
1. 一个输入框，提示文字"输入产品名称，比如：奶茶、口红、面膜"
2. 一个红色按钮"生成文案"
3. 点击后，在下方显示一段小红书风格的文案（带emoji、分段、种草语气）

技术要求：
1. 不用调用外部API，用JavaScript本地实现
2. 准备5-10个小红书文案模板，包含：开头吸引句、产品描述、使用感受、结尾号召
3. 根据用户输入的产品名称，随机组合模板生成文案
4. 文案要真实、有网感，带emoji
5. 给我完整代码，直接能运行
6. 每行代码后面用中文注释

第 3 步：应用代码

等 AI 写完，点 「应用」，代码进左边编辑区

第 4 步：保存

按 Ctrl + S

• 文件名：ai-copywriter.html
• 保存到桌面（或你的 my-website 文件夹）

第 5 步：运行测试

1. 双击打开 ai-copywriter.html
2. 输入”奶茶”，点生成
3. 看文案像不像小红书博主写的