⚡ Prompt copied to clipboard!
MODULE 05 // INTERMEDIATE 10-PAGE WORKFLOW

Farm Pre-sell System (10 Pages) Flowgen Prompt

An intermediate-level prompt generating a 10-page direct-to-consumer farm pre-sell web UI with free-style design, connected entirely via hyperlinks.

Act as an innovative farmer and frontend UI developer designing a direct-to-consumer farm harvest pre-sell system. Please generate a 10-page HTML markup for the web frontend UI using the 'flowgen' text format enclosed within a single Markdown code block (```text).

Design Requirements:
- Connect all 10 pages using hyperlinks (<a> tags) to create a complete shopping and pre-sell navigation experience.
- Use a free-style design approach without any preset style restrictions.

Structure the 10 files in this exact sequence using the "farm_" prefix:
1. farm_about.html — Farm story and sustainable growing philosophy, linking back to farm_index.html.
2. farm_catalog.html — Seasonal harvest pre-sell catalog, linking back to farm_index.html.
3. farm_product_detail.html — Crop detail and harvest timeline page, linking back to farm_index.html.
4. farm_presell_plan.html — CSA subscription boxes and pre-sell tiers, linking back to farm_index.html.
5. farm_cart.html — Pre-order shopping cart, linking back to farm_index.html.
6. farm_checkout.html — Checkout and delivery scheduling form, linking back to farm_index.html.
7. farm_success.html — Order confirmation and estimated harvest dispatch tracker, linking back to farm_index.html.
8. farm_journal.html — Farmer's field journal and crop growth updates, linking back to farm_index.html.
9. farm_contact.html — Farm tour booking and contact page, linking back to farm_index.html.
10. farm_index.html — MUST BE THE LAST FILE BLOCK AT THE BOTTOM. The Motherfile homepage linking to all 9 pages above.

CRITICAL Flowgen Formatting Rules:
- Output pure filenames without brackets or markdown in the header (e.g., farm_index.html:=:). NEVER use [farm_index.html]:=:.

- Every file block must start with filename:=: at the very beginning of a line, followed by raw HTML/CSS/JS code, and close with :==: at the very beginning of its own line.

- Separate each file block with 6 blank lines.
← Back to Console

⚡ 3-Step AI Vibe Coding Workflow

  1. Switch to your preferred language (EN / įšéĢ” / įŽ€äŊ“) in the top bar and open any of the modules.
  2. Click "📋 Copy AI Prompt" and paste it into ChatGPT, Claude, Gemini, or Ollama.
  3. Paste the AI output into your project folder or compiler.