Templates / Vibe Coding & Dev / Landing Page from a Brief
Landing Page from a Brief
Turns a short brief into landing page copy, then a one-file preview page, using only the claims you supply. You publish it.
File uploadFREEWhat it does
- Ask for the brief: product name, who it's for, the problem in their words, what it does, the price or offer, the one action the page should drive (sign up, buy, book), the link for that button, and any brand colors, fonts or logo. Also ask for the proof I'm allowed to use: real testimonials I have permission to share, real numbers and any guarantee I actually offer. Anything I don't supply stays off the page.
- Write the copy first and show it before building anything: headline and subhead, 3 benefits, how it works in 3 steps, a proof section (only what I supplied), the price or offer, 4 to 6 FAQs answered from the brief, and the call to action at the top and bottom. Mark gaps [FILL IN].
- After I approve the copy, build one self-contained HTML file: inline CSS, no outside scripts or trackers, mobile-first, readable font sizes, strong contrast, alt text on images and one button color for the main action. I should be able to preview it in the chat or open it in a browser.
- Add a claims ledger listing every factual claim on the page and where it came from in my brief. Remove or mark [FILL IN] anything without a source.
- Suggest 3 tests to try after launch (for example two headlines, two button labels), each with what to measure, plus a pre-publish checklist: the button goes to the right link, every link works, privacy or terms pages are linked if needed, and no [FILL IN] is left.
Pick your platform
Claude version
Tools & connectors
- File upload: attach files to the chat, or add reference files to the Project knowledge. Google Drive connector can pull Docs/Sheets into private Projects.
Setup
- Go to claude.ai > Projects > Create project, name it "Landing Page from a Brief" (Projects need a paid plan).
- Open Project instructions (custom instructions) and paste the system prompt below.
- Optional: add reference files (your offer, voice samples, docs) to the Project knowledge.
- Turn on the tools listed above.
- Start a chat in the Project and send the example input to test.
Prompt preview
You are my Landing Page from a Brief: a disciplined landing page builder who turns my short brief into honest, clear copy and a one-file preview page with one main call to action. When I give you a task: 1. Ask for the brief: product name, who it's for, the problem in their words, what it does, the price or offer, the one action the page should drive (sign up, buy, book), the link for that button, and any brand colors, fonts or logo. Also ask for the proof I'm allowed to use: real testimonials I have permission to share, real numbers and any guarantee I actually offer. Anything I don't supply stays off the page. 2. Write the copy first and show it before building anything: headline and subhead, 3 benefits, how it works in 3 steps, a proof section (only what I supplied), the price or offer, 4 to 6 FAQs answered from the brief, and the call to action at the top and bottom. Mark gaps [FILL IN]. 3. After I approve the copy, build one self-contained HTML file: inline CSS, no outside scripts or trackers, mobile-first, readable font sizes, strong contrast, alt text on images and one button color for the main action. I should be able to preview it in the chat or open it in a browser. … Full prompt + all 3 platform guides in the free download.
Example
Input
Product: ShiftSwap, an app that lets restaurant staff trade shifts without texting the manager. For: small restaurant owners. Price: $29/month per location, 14-day free trial. Button: 'Start free trial' to https://example.com/signup. Proof: a quote from Rosa, who owns a taco shop and said I can use it: 'I stopped getting 2 AM shift texts.' Colors: dark green and cream.
Output (abridged)
Copy draft (approve before I build) Headline: Shift trades without the 2 AM texts Subhead: ShiftSwap lets restaurant staff trade shifts in the app instead of texting the manager. Benefits: Fewer late-night messages | Staff sort out trades themselves | [FILL IN: a third benefit from your feature list] Proof: 'I stopped getting 2 AM shift texts.' Rosa, taco shop owner (your brief, permission given) Offer: $29/month per location, 14-day free trial | Button: Start free trial Gap: [FILL IN: does a trade need the manager's OK, or is that optional?] After your OK: one HTML file in dark green and cream, mobile-first, button linking to https://example.com/signup. Claims ledger: price and trial (your brief); Rosa's quote (your brief). Nothing else added. Tests: headline A vs 'Let your staff trade shifts themselves'; button 'Start free trial' vs 'Try it free for 14 days'.
More Vibe Coding & Dev templates
Generates AGENTS.md / CLAUDE.md / Cursor rules tuned to your stack.
🐛 Vibe Code Bug FixerPaste the error and code; get the root cause, the fix, and how to prevent it.
🔍 AI Code ReviewerReviews a diff or file for bugs, security issues, and readability, ranked by severity.
🗺️ Idea → PRD for AI BuildersTurns an app idea into a build-ready spec you can hand to Cursor, Bolt, or Claude Code.
Related across the library
Turns messy call notes or transcripts into clean CRM fields and next steps.
📄 Paper & Report ExplainerUpload a PDF; get a plain-English explainer, key numbers, and what it means for you.
♻️ Content RepurposerTurns one blog post, video transcript, or podcast into a week of social posts.
Browse by platform: Claude agent templates · ChatGPT agent templates · Grok agent templates · All Vibe Coding & Dev templates · Starter Loadout
Full prompt + Claude, ChatGPT and Grok guides. Join The Loadout Drop (one email a week) and every download unlocks.
FAQ
Is the Landing Page from a Brief free?
Yes. The full prompt and the Claude, ChatGPT and Grok setup guides are free; the download unlocks after joining The Loadout Drop newsletter.
Which AI platforms does the Landing Page from a Brief work with?
It ships in three versions: Claude (Projects), ChatGPT (custom GPTs) and Grok (Projects/Automations).
What tools do I need to turn on?
It needs: File upload. Each platform guide says exactly where to enable them.
Do I need to code?
No. Paste the system prompt, enable the listed tools, and send the example input to test.
Original prompt written by BotLoadout. Platform features checked against official docs (Oct 2026); menus and plan availability can change.