化妆品独立站的页面结构和必备模块

先说流程：平台上是四步，化妆品店也走这四步

平台上的生成流程是固定的四步，做化妆品独立站和做别的站点没有区别，区别只在于每一轮你说什么、页面上要交代哪些信息。

下面按这四步把一家护肤品店走一遍，需要你输入的地方一共 9 处提示词，都能直接复制。改坏了不用重开项目 —— 每一次有意义的改动都会留下检查点，可以一键回滚。

• 描述想法 —— 你用一句话说清卖什么品类、卖给谁
• 智能体生成 —— 它规划架构、搭出真实项目、写代码，并在隔离沙箱里跑起来
• 预览并迭代 —— 实时预览看效果，继续对话改结构和内容；构建报错会自动修复，最多五轮
• 发布到全世界 —— 一键部署到生产环境 URL（自定义域名、SSL、版本历史），也可以导出到 GitHub 自己接手

第 1 步 · 描述想法：先说清品类、人群和调性（提示词 1）

化妆品这三个字的跨度比宠物用品还大：护肤讲成分和复购，彩妆讲色号和试色，香水讲调性和场景 —— 页面结构完全不同。所以第一句就把品类收窄，再补上卖给谁。

生成完先看一眼：标题里是不是你要的那个品类，导航里有没有出现对应的分类（洁面 / 精华 / 面霜 这类），整体调性对不对。

帮我做一个护肤品独立站，主要卖洁面、精华和面霜，面向 25-35 岁的个人消费者，风格干净、理性，突出成分和适用肤质。先搭首页和商品列表两个页面。

第 2 步 · 智能体生成：这一步不用你输入

智能体会规划架构、搭建真实项目、写生产级代码，并在受限的沙箱里把它跑起来 —— 你不用写代码，也不用自己配环境。

这一步你要看两件事：项目里生成了哪些文件和接口（商品、购物车、订单这些），以及预览有没有起来。如果构建报错，它会自己捕获、分析并修复，最多五轮。

第 3 步 · 预览并迭代（1/5）：首页要立住品牌感（提示词 2）

化妆品是典型的“看图下单”，首页的第一屏决定买家要不要继续看。先在预览里用电脑和手机各点一遍，再继续用对话改。

生成完检查什么：主推单品有没有露出来、有没有品牌故事或成分主张、手机上打开会不会挤。

首页改成三段：顶部横幅放主推的一套护肤组合（洁面 + 精华 + 面霜）并标出组合价；中间按功效分区（清洁 / 保湿 / 抗初老），每区放 3 款主推；底部放品牌故事与「成分与安全说明」入口。

第 3 步 · 预览并迭代（2/5）：商品列表和详情要有化妆品专属字段（提示词 3）

这是化妆品独立站和普通电商差别最大的地方。详情页只写“好用”是不够的，买家真正要看的是：规格多大、我这种肤质能不能用、含不含酒精香精、怎么用、开封后能用多久。

生成完检查什么：列表能不能按品类和肤质筛、详情页有没有下面这些必填字段、不同规格的价格显示是否清楚。

• 规格：30ml / 50ml，多规格要能切换
• 适用肤质：干性 / 油性 / 混合 / 敏感
• 成分：关键成分、是否含酒精或香精
• 使用方法与用量
• 保质期、以及开封后使用期限
• 注意事项：敏感肌建议先做局部测试

商品列表加上品类筛选（洁面 / 精华 / 面霜）和肤质筛选（干性 / 油性 / 混合 / 敏感）；商品详情页必须包含：规格切换、适用肤质、关键成分、是否含酒精或香精、使用方法、保质期、开封后使用期限、注意事项，以及 3-5 条常见问题。

第 3 步 · 预览并迭代（3/5）：把信任和售后写清楚（提示词 4）

化妆品独立站收不到钱，往往不是页面不好看，而是买家不敢买：不知道谁生产的、不合肤质怎么办、拆开了还能不能退。这几件事要在页面上明确写出来，别等买家来问。

一句提醒：功效描述要克制，别写“立刻见效”“根治”这类说法；具体需要哪些资质、哪些表述不能用，按你所在市场的法规确认 —— 这里只解决“页面结构”，不替代合规意见。

加三个页面：关于我们（写明运营主体、地址、生产企业与相关备案信息）、退换货政策（写清楚未拆封可退的条件和时限，以及开封后不支持退换）、联系我们（客服邮箱、工作时间）。页脚放这三个入口，并在商品详情页底部也放退换货说明的链接。

第 3 步 · 预览并迭代（4/5）：购物车、组合价和结账（提示词 5、6）

收款在这一步定：境外买家走 Stripe 或 PayPal、按美元结算；境内买家走支付宝或微信、按人民币结算。想错了后期改回来很麻烦。

化妆品还有一个常见需求是组合销售 —— 套装比单买便宜一点，客单价就上去了。生成完检查什么：加购后小计对不对、组合价有没有正确应用、付款成功后购物车是否清空。

给站点加上购物车和结账流程：购物车能改数量、能删除；结账页显示订单明细和合计，走 Stripe 支付；付款成功后清空购物车并生成订单号。

支持「组合商品」：可以把洁面、精华、面霜打包成一个套装，套装有自己的价格和原价对比，加购时按套装算价。

第 3 步 · 预览并迭代（5/5）：加一个内容模块，对搜索也有好处（提示词 7）

护肤内容（怎么用、什么时候用、搭配什么）既能让买家少问客服，也天然是一批可以被搜索到的页面。这一块不用写得多，先把结构留出来。

加一个「护肤指南」栏目：文章列表页 + 文章详情页，先放三篇文章 —— 洁面怎么选、精华的使用顺序、面霜早晚怎么用。文章底部放相关商品的链接。

第 4 步 · 发布到全世界（提示词 8）

内容和流程都对了，先做上线前三件事：手机上每个页面点一遍、把标题和描述改成能说明卖什么的句子、确认商品图加载不卡。

然后发布。两条路都行：一键部署到生产环境 URL（可以绑自己的自定义域名，带 SSL，部署记录保留版本历史），或者导出到 GitHub —— 每个项目都是一个真实仓库，代码完全归你。

检查手机上每个页面的排版，修掉溢出和错位；把首页标题和描述改成能说明卖什么的句子；确保商品图加载不卡。

发布前最后一件事：换成你自己的商品（提示词 9）

示例商品只是占位。把真实的商品名、规格、成分、价格、库存和图片换进去，这个站才算能上线。商品多的话，先把它们整理成一张表（名称、规格、成分、价格、库存、图片路径），再让平台按这张表替换，比一条条改快得多。

把商品数据换成我给的这张表：名称、规格、关键成分、适用肤质、价格、库存、图片路径，按这个顺序替换，分类保持不变。

常见问题

三个最常被问到的：

• 化妆品独立站最容易漏什么 —— 退换货说明和开封后使用期限。这两条不写清楚，售后纠纷最多；而且它们是页面结构问题，不是文案问题。
• 需要自己准备检测报告吗 —— 页面结构上只要能展示你已有的资质就行；具体需要哪些资质、哪些功效表述不能用，按你所在市场的法规确认。
• 可以卖套装组合吗 —— 可以。让商品支持“组合商品”（套装有自己的价格）就能做，不需要另建一套逻辑。

下一步

想按这四步实际走一遍，从下面任意一个入口进就行。