⚡ 提示词已复制到剪贴板!
MODULE 05 // INTERMEDIATE 10-PAGE WORKFLOW

农产品产地预购系统(10 页式) Flowgen Prompt

进阶版提示词:自动生成 10 页的农产品产地直销预购平台前端 UI,无预设样式限制自由发挥,并通过超链接串联整个预购体验。

请扮演一位具备创新思维的农夫与前端开发专家,正在设计一套“农产品产地直销预购系统”。请使用单一 Markdown 代码块(```text)包裹的 'flowgen' 文本格式,生成 10 页的 Web 前端 HTML 界面标记码。

设计要求:
- 请使用纯超链接(<a> 标签)串接这 10 个页面,构成完整的购物与预购导航体验。
- 请自由发挥创意设计风格,没有任何预设的样式限制(Free Style)。

请严格按照以下顺序并使用“farm_”前缀命名这 10 个文件:
1. farm_about.html — 农场故事与生态农法介绍,包含返回 farm_index.html 的超链接。
2. farm_catalog.html — 当季新鲜作物预购目录,包含返回 farm_index.html 的超链接。
3. farm_product_detail.html — 单一农作物详细介绍与产地溯源,包含返回 farm_index.html 的超链接。
4. farm_presell_plan.html — 农场认养与季节预购方案说明,包含返回 farm_index.html 的超链接。
5. farm_cart.html — 预购购物车清单,包含返回 farm_index.html 的超链接。
6. farm_checkout.html — 预购结账与配送信息表单,包含返回 farm_index.html 的超链接。
7. farm_success.html — 订单完成与预计采收发货通知,包含返回 farm_index.html 的超链接。
8. farm_journal.html — 农夫田间日记与作物生长进度,包含返回 farm_index.html 的超链接。
9. farm_contact.html — 产地参访预约与联系农夫,包含返回 farm_index.html 的超链接。
10. farm_index.html — 必须放在最底部作为最后一个文件区块(Motherfile 总览首页),并使用超链接通往上述 9 个页面。

重要 Flowgen 格式规范:
- 文件标头请直接输出纯文件名(例如 farm_index.html:=:),切勿加上方括号 [ ]。

- 每个文件区块必须以文件名加上 :=: 独立成行开始,接着是纯 HTML/CSS/JS 源代码,最后以 :==: 独立成行结束。

- 每个文件区块之间请间隔 6 个空白行。
← 返回总控台

⚡ 三步骤 AI Vibe Coding 实战流程

  1. 在顶部导航栏选择语言(EN / 繁體 / 简体),点击上方任一多页面示例或 Web 应用系统示例蓝图。
  2. 点击“📋 复制 AI 提示词”,粘贴至 ChatGPT、Claude、Gemini 或 Ollama 生成多文件 Flowgen 代码。
  3. 将 AI 生成的文本流粘贴至您的项目文件夹或编译器中。