用 GPT-6 Astra 与 Higgsfield MCP 批量生成品牌站

Barty-Bart/gpt-6-astra-10k-websites

工作流从你的业务和品牌出发，确定视觉方向，把定制视觉素材、电影感的滚动故事（scroll story）以及可编辑的网站内容整合在一起。

| 开始 | 提示词 | 作用 |
|---|---|---|
| Desktop Build | Desktop Build | 从业务简报和品牌方向出发，搭建完整的网站，包括视觉素材、滚动动画（scroll animation）和网站内容。 |
| Mobile Refinement | Mobile Refinement | 针对手机端对已有网站进行优化，包括竖版素材、移动端导航、构图以及滚动节奏（scroll timing）。 |

你需要准备

- GPT-6 Astra，运行在能够创建并运行网站的编码环境中。
- 已连接 Higgsfield MCP（MCP，Model Context Protocol），并开放图像和视频生成工具。

这些提示词通过 Higgsfield MCP 来生成品牌素材、图片和视频，其中也包括滚动驱动动画（scroll-scrubbing animation）所使用的媒体。

- 你所选工作流所需的生成模型访问权限。素材生成可能会消耗你 Higgsfield 账户中的付费额度。
- 当你准备发布时，需要一个托管方案。提示词会按照你环境中的工作流执行。

提示词只提供操作指引，并不会帮你安装或连接 Higgsfield MCP。

1. 搭建你的网站

打开 Desktop Build，复制整段提示词，粘贴到你的网站项目对话中。

如果你还没有品牌定位，请描述你的业务，并提供你喜欢的任何参考网站、图片或美学方向。工作流会依据这些参考提出品牌方向，并在需要时生成素材。在网站其余部分开始搭建之前，你可以先选定喜欢的方向。

你还会被询问希望网站讲述怎样的视觉故事。可以用自己的话描述想要的体验，也可以请求建议。提示词会先逐场景地提出一套故事方案和网站文案，方便你在正式制作前审阅。

例如：Build a website for my coffee shop. I want it to feel warm, welcoming and contemporary. I do not have a logo yet, but I have attached references I like. Guide me through the brand direction and visual story before building the site.（译注：原文此处为直接发给模型的示例指令，故保留英文不译。）

如果想要一步步引导的体验，请告诉模型你希望按步骤进行。如果你更倾向于让模型直接决定，可以说 "choose for me" 或 "build a template"。提示词同时支持这两种方式。

2. 优化移动端体验

在第一版网站搭建完成后，将 Mobile Refinement 复制到同一个对话和项目中。

这一步会把已有设计适配到手机端。它会请求专门的竖版图片和衔接的动画片段，保留已选定的品牌身份，并针对较小屏幕调整导航、字体、间距、构图以及滚动节奏。

桌面端和移动端仍是同一个响应式网站，共用同一套代码库。

布局和动画素材会根据视口（viewport）自动选用合适的版本。移动端提示词还会要求在改动后再检查一次桌面端。

主提示词已经包含了响应式相关的要求。第二个提示词则在此之上，提供一个更经过精心编排的移动端体验，并且可能需要额外的图片和视频生成。

发布前

核对业务信息、文案、链接以及主要操作入口。在真实的桌面端和手机端分别体验一遍，并确认所有表单都有可用的目标地址。在你对结果满意时，就可以发布了。