Back to prompts
✦ClaudeDesign

Landing-page variations showcase app

Builds an internal app to browse and compare landing page design variations for a brand.

Loading the original X post…

Open original on X
Open original video file

Builds an internal app to browse and compare landing page design variations for a brand.

The prompt

✦Claude Code (via Vibecode app)
1Build a landing page showcase app for [YOUR COMPANY NAME] that lets users browse and preview different landing page design options. The app should function as an internal design directory where team members or stakeholders can view multiple landing page variations side-by-side before deciding which style best represents the brand. The main screen displays a clean, dark-themed list of all available landing pages with the company logo and a title like "Landing Page Options." Each option appears as a clickable card that navigates to the full landing page preview.
2
3Each landing page in the directory should be a complete, fully-designed landing page. Start off with 3 landing pages in the directory. Over time, the user is going to be providing their thoughts and making changes on all the landing pages. Based on those changes, all future generations of landing pages should take those into account, and you should improve making landing pages to their liking as time goes on.
4
5And when asked to create new landing pages without specific direction, please search the internet for new trending styles for landing pages that work. This can help you come up with concepts, but make sure it aligns with the company style and the preferences of the user.
6
7If the user doesn't specify any styling you can ask them follow up questions about the styling of their brand.

What this prompt is good for

Landing pages

Create stunning product landing pages

SaaS websites

Modern SaaS marketing websites

Product launches

Launch pages for new products

Startup websites

Complete websites for early-stage startups