这次的任务是从零开始，借助 AI IDE 搭建一个可以实际运行的「电商素材工作台」原型。，从业务分析到多页面产品原型实现的“完整闭环”。

一.确认需求切入痛点最重要

写代码前首先我们要确认需求，也就是学会向市场和行业提问，行业痛点是什么，哪里最容易做出进展，我们可以向一线的抖音电商业务方直接提问，“你们的困难和关注的点在哪里？”往往这方面的从业者是最明白行业的痛点的。如下是主要的痛点所在：

• 管理店铺多、任务杂：

  • 运营手上需要同时管理很多店、很多商品，处在不同阶段推进；
  • 运营每天在“上新、改价格、调素材、看投放数据”之间频繁切换；

• 内容生产本身，也更像是“在既有素材基础上快速试错”的过程而不是一次性准备好：

  • 先用厂家图包、历史素材或市场上已有样板，快速挂上架；
  • 通过投少量流量、做简单活动，观察是否有基础转化；
  • 只有跑出数据的商品，才会投入精力做主图、详情、视频的深度优化。

但是痛点很多，我们往往一下子做不出这种大而全的东西，应该以少量的点去切入。

1. 上新 / 调价 / 上架节奏（运营节奏问题）；
2. 多店多品整体效率（中台 / 工作台问题）；
3. 为商品快速产出图片和文案（内容生产问题）。

最适合优先下手的是第三类：内容生产，为商品快速产出图片和文案。基于以上两个痛点，我们将产品收敛成一个简单清晰的小应用： 给多店多品抖音运营用的「批量图文草稿机 + 个人模板库」。它只做两件事：

1. 帮运营批量生成第一版图文草稿

2. 把好用的输出沉淀成可复用的模板库

我们在写代码之前必须建立产品思维：不要被需求的表象迷惑，不要试图一口气做大做全，而是通过提问、拆解、收敛，找到那个既能解决真实痛点、又能在有限时间内落地的最小可行方案。 

二.根据痛点和需求生成提示词

接下来就是提示词了，我直接使用了以下的提示词模板：

帮我参考业务逻辑实现一个单页面应用，用来验证核心玩法功能，包括：
1.帮运营批量生成第一版图文草稿；
2.把好用的输出沉淀成可复用的模板库。
由于第一个更重要你可以先生成第一个的内容。

业务逻辑参考如下：
1. 帮运营批量生成第一版图文草稿：
- **输入（支持直接上传和批量导入素材）：**
  - 商品基础信息：名称、类目、品牌、材质、尺寸、颜色、适用人群等；
  - 商品图片：白底图 / 简单场景图；
  - 每次生成支持上传额外上传历史爆款截图或参考链接，允许有参考物；
  - 支持通过 Excel 批量导入，或在页面上在线录入 / 上传。
  - 支持页面上指定是否保存商品素材到素材库，方便下次使用
- **输出（能直接拿去上架或轻改就能上架的内容）：**
  - 每个商品一张“看得过去、包含基础卖点”的主图草稿；
  - 一条“结构合理、含核心关键词”的标题 + 1–2 句卖点文案。
- **期望的使用方式变化：**
  从每批商品白手起稿变为把一批商品丢进系统，拿系统生成的草稿做筛选和微调。

2. 把好用的输出沉淀成可复用的模板库：
- **什么可以被收藏？**
  - 任意一条运营觉得“好用”的输出都可以一键收藏：
    - 可以是“主图 + 标题 + 卖点”的完整组合；
    - 也可以只收藏其中一部分，例如某个标题结构、某条卖点文案。
- **收藏之后能做什么？**
  - **复用：**
    - 用这条收藏，套一批新商品参数，重新生成图文草稿；
    - 或在同一商品上，基于该模板生成多版变体做 A/B 测试。
  - **编辑：**
    - 直接修改标题文案 / 卖点文案；
    - 如果支持图片编辑，可以微调主图中的文字、贴纸等元素。
  - **管理：**
    - 给收藏起名字、打标签（如“男包主图模板”“大促标题结构”）、支持按照店铺分类，方便后续检索。
- **下次上新时如何使用？**
  - 导入新商品后，运营可以选择：
    - 使用系统默认逻辑生成，或
    - 指定“使用我收藏的某个模板来生成”；
  - 系统基于新商品数据，自动套用模板的结构与风格，输出新的主图 + 标题 + 卖点草稿。

依旧使用Trae直接生成代码并运行。

跑出来是这样，懵了，看看原因，哦~原来是兼容性出问题了：

这是系统原先写入的三条数据，我们直接导入：

这是生成结果：

界面还算比较清晰美观，但是略显单调，有美化需求的小伙伴只需要和ai提出需求就好了。

甚至，你还可以参考其他成熟的网站，比如可以直接参考谷歌的某设计产品进行“参考”（当然你可以粘贴自己喜欢的某个成熟网站的截图），如下是我让ai重新设计后的样子，高级多了：

三.多页面以及交互优化

接下来进行多页面以及交互优化，我直接参考了散步大佬的提示词甩给了Trae的ai：

这是新增的功能：

我来试试到底怎么个事！是否真的如他所说呢？

首先这是主界面，经过我的点击，右上角的share和upgrade依旧没有用，三个大数据模块也无法点进去，以及之前的活动也无法view all，哈哈哈哈，但是左侧四个按钮都是可用的并且会导向新的界面。

这个界面现在负责导入：

这个界面现在负责存储模板：

这个界面则是设置，里面有:配置基础参数的功能。如下：

1. 通用配置 : API Key 输入、大模型选择（GPT-4, Claude 等）。
2. 风格偏好 : 默认语气（专业、轻松、活力）、自动优化开关。
3. 生成规则 : 最大字数限制的滑动条控制。

不过这些功能都是仍然是虚假的，只有一个壳子，但是实际上没有功能hhh，后续可以慢慢提需求优化这些功能和按钮。

测试数据保证使用体验

为了测试可用性，最后一步是让原型从“能跑”变成“用起来顺手、看上去专业”。这需要我们动手体验一遍全流程（用户流程），并且把无法运行的部分让 AI 进行修复，使得我们可以每次刷新后都能从零开始模仿一个新用户走全部流程，得到预期结果。我们把如下提示词丢给ai：

我现在需要测试这个用户使用过程，确保他能完全走通，请你结合下列需求生成测试数据入口，让我能够点击后很快测试全流程是否正常：
1. 帮运营批量生成第一版图文草稿：
- **输入（支持直接上传和批量导入素材）：**
  - 商品基础信息：名称、类目、品牌、材质、尺寸、颜色、适用人群等；
  - 商品图片：白底图 / 简单场景图；
  - 每次生成支持上传额外上传历史爆款截图或参考链接，允许有参考物；
  - 支持通过 Excel 批量导入，或在页面上在线录入 / 上传。
  - 支持页面上指定是否保存商品素材到素材库，方便下次使用
- **输出（能直接拿去上架或轻改就能上架的内容）：**
  - 每个商品一张“看得过去、包含基础卖点”的主图草稿；
  - 一条“结构合理、含核心关键词”的标题 + 1–2 句卖点文案。
- **期望的使用方式变化：**
  从每批商品白手起稿变为把一批商品丢进系统，拿系统生成的草稿做筛选和微调。

提出需求后，界面变成了这样，并且确实可以测试了：

可以编辑也可以保存为模板了，成功~下面验证模板功能是否正常，好了经过又一次的提示词后模板库的功能也健全了许多：

请你帮我确保需求 [.把好用的输出沉淀成可复用的模板库：
- **什么可以被收藏？**
  - 任意一条运营觉得“好用”的输出都可以一键收藏：
    - 可以是“主图 + 标题 + 卖点”的完整组合；
    - 也可以只收藏其中一部分，例如某个标题结构、某条卖点文案。
- **收藏之后能做什么？**
  - **复用：**
    - 用这条收藏，套一批新商品参数，重新生成图文草稿；
    - 或在同一商品上，基于该模板生成多版变体做 A/B 测试。
  - **编辑：**
    - 直接修改标题文案 / 卖点文案；
    - 如果支持图片编辑，可以微调主图中的文字、贴纸等元素。
  - **管理：**
    - 给收藏起名字、打标签（如“男包主图模板”“大促标题结构”）、支持按照店铺分类，方便后续检索。
- **下次上新时如何使用？**
  - 导入新商品后，运营可以选择：
    - 使用系统默认逻辑生成，或
    - 指定“使用我收藏的某个模板来生成”；
  - 系统基于新商品数据，自动套用模板的结构与风格，输出新的主图 + 标题 + 卖点草稿。] 正常，可以点击一个结果收藏对应的模板，点开后能看到生成参数”：

现在图片也可以打开编辑了，更加的方便：

不过很多按钮没响应，我让他帮我把按钮变得可用，不过可用之后面临的问题是要链接到哪里去：

到这里，我们需求的功能基本上都实现了，只不过还有很长的优化的路要走。

我们可以让 AI 帮你直接做需求检查，例如：

• “请对照我最开始的需求，检查当前应用是否已经覆盖所有核心功能。”
• “帮我列一个功能清单，标出哪些已经完成、哪些尚未实现或体验不足。”

AI 一般会输出一个 checklist，你可以根据结果思考是否需要继续改进，经过反复修改后能够得到比较完善的原型结果。

下面我将输入这段提示词，看看会发生什么吧：

非常详细！

散步大佬留的思考题：为下一节“接入大语言模型（LLM）和文生图能力”预留空间，提前思考：你的工作台里，可以怎样嵌入“AI 写文案 / 生成配图 / 生成脚本”等能力？如何在这个内容生产工作台的基础上，接入具体的 AI 能力（文字生文字、图片生文字、文字生图片），例如：

• 为某条内容任务自动生成文案初稿和多个标题备选
• 根据任务描述自动生成配图草稿（文生图）
• 对历史内容任务做自动归类和摘要，帮助你规划下一个活动的选题

关于AI如何嵌入也一直是我疑惑的问题，感觉很难，期待下节课的学习~over~