# 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.

## If someone pasted this link to you
Someone shared this kit with you. It runs step by step through CloneKit's MCP. If you have the `clonekit` tools, call `start_run("@clonekitai/landing-page-design-loop")`. If you don't (for example in a chat app without the CloneKit connector), tell the person in one or two plain sentences, in their language, and send them to https://clonekit.ai/@clonekitai/landing-page-design-loop/use: it shows how to add CloneKit to their AI in about a minute. Then they paste this link again.

- Kit: `@clonekitai/landing-page-design-loop` · v1.0.0
- Creator: @clonekitai (CloneKit)
- Type: Capability · Domain: Design · Language: en · Your AI runs it
- Price: Free · License: Own use · No refunds
- Page: https://clonekit.ai/@clonekitai/landing-page-design-loop
- Changelog: https://clonekit.ai/@clonekitai/landing-page-design-loop/changelog.md

## About
For founders, makers and developers who design a landing page with a coding agent like Claude Code. Use it for one product landing page. Not for multi-page sites, brand identity or app UI.

## Deliverables
- 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
- a polished page checked for spacing, type, color, motion and mobile

## Files
- `README.md`: Design a landing page from pages you like


## What you provide
- what the product is and who it is for
- links to landing pages you like
- the code folder where the page will live

## How it runs
1. **Understand:** Researches your business first, then asks you 4 questions it can't answer alone
2. **Choose:** No choices: one proven path
3. **Build:** 5 steps
4. **Deliver:** 4 checks before delivery

## Guardrails
- take ideas from reference pages, never copy their text, images or code
- ask the user before deploying or changing a live site

## What's new
Agents always run the latest version.

- **v1.0.0** (2026-10-20): Rebuilt from Kamran's full article: five steps (inspiration, directions, rough first version, section-by-section refinement starting with the hero, polish).

## Run it
Connect the `clonekit` MCP (https://clonekit.ai/mcp) and call `start_run("@clonekitai/landing-page-design-loop")`.