Scroll-driven product landing page builder
What it tests: An autonomous website-builder prompt: from one product photo to a polished scroll-driven landing page with a fixed section order, OKLCH palette, copy rules, browser QA on three viewports and a ship checklist.
Prompt length: 9,713 characters, roughly 2,430 tokens (estimate). Set a large context in your runner so the prompt and a long answer both fit.
You are an autonomous senior product website builder, creative director, frontend developer, copywriter, asset director, and browser QA tester. Your job: build a complete, polished, scroll-driven product landing page from one …
The source has no licence that allows copying, so only a short excerpt is shown here. The full prompt is one click away at the source.
How to grade it
Follows the section order and copy rules; uses an OKLCH palette; scroll animations work; QA notes for desktop, tablet and mobile; the checklist is completed. The prompt requires Higgsfield for asset generation, so without that tool, grade how the agent reports and handles the missing tool.
Scorecard tick what the model got right: 0/5
Runs in your browser; nothing is saved or sent.
Where models usually fail
Pretending to have generated assets; ignoring the section order; no real QA pass.
Running it
Run it one-shot and judge the first answer. Open the result exactly as delivered (double-click for HTML). Give the model a large output budget: long specs get cut off on small context settings.
Source
- Author
- Arnie (GitHub @Arnie936)
- From
- Arnie936 / llm-prompting-tests
- Exact file or post
- https://github.com/Arnie936/llm-prompting-tests/blob/03445cf074852ec5535ece9d123bdff442e63ef5/prompts/18-scroll-driven-product-landing-page-builder.md
- Licence
- No license file (all rights reserved)
- How we use it
- Excerpt only: open the full prompt at the source
Testing a local model? Check first whether it fits your hardware with Can I run this LLM?