Design a landing page from pages you like
Your AI starts from real landing pages you like, builds a side-by-side comparison of design directions, ships a rough working page, then reworks it one section at a time, starting with the hero, before a final polish. Based on a post by Kamran Ahmed.
1 use
What your AI will deliver
- A list of reference pages and what you like in each
- An interactive page that lets you compare several design directions
- A rough working landing page with all its sections
- A hero and other sections reworked one at a time, each picked from a few interactive options
How it runs
In your AI, with your accounts. It starts by researching your business. How kits work ›
- 1. Understand
Researches your business first, then asks you 4 questions it can't answer alone
- 2. Choose
Nothing to choose: the kit follows one path
- 3. Build
5 steps
- 4. Deliver
4 checks before delivery
Details
- What the product is and who it is for
- Links to landing pages you like
- The code folder where the page will live
Reference files your AI can read during and after the work.
- Design a landing page from pages you likeREADME.md
- Take ideas from reference pages, never copy their text, images or code
- Ask the user before deploying or changing a live site
Rebuilt from Kamran's full article: five steps (inspiration, directions, rough first version, section-by-section refinement starting with the hero, polish).
Everyone running this kit gets updates. See changelog ›
- Type
- Capability
- License
- Own use
- Uses
- 1
- Runs completed
- 1