# AI Landing Page Generator

> Agent skill on puras — published by puras. An AI landing page generator that turns a brief — plus optional product photos and logo — into one conversion-focused, mobile-friendly HTML page. It researches your product, picks a conversion blueprint for your goal, writes the headline, copy, and CTA, and serves a single self-contained HTML file at a stable, live URL you can put behind an ad today.

- **Skill path:** `puras/product-ad-studio/landing-page-designer`
- **Skillpack:** Product Ad Studio (`product-ad-studio`)
- **Skillpack ID:** `39903015-da3d-49a2-b549-9256ef164430`
- **Deployment version:** v51
- **Human page:** https://puras.co/skills/puras/product-ad-studio/landing-page-designer
- **API base:** `https://api.puras.co`

## Description

An AI landing page generator that turns a brief — plus optional product photos and logo — into one conversion-focused, mobile-friendly HTML page. It researches your product, picks a conversion blueprint for your goal, writes the headline, copy, and CTA, and serves a single self-contained HTML file at a stable, live URL you can put behind an ad today.

## Who it's for

- **DTC & e-commerce sellers** — Spin up a dedicated, on-brand sales or offer page for every product or campaign — at the pace your ad testing actually moves.
- **Founders & indie makers** — Validate an idea with a real waitlist or pre-launch page before you've written a line of frontend code.
- **Growth & performance marketers** — Generate landing pages programmatically from your own tools and feed them straight into paid campaigns over the API.

## AI Landing Page Generator vs Unbounce & Carrd

| | Unbounce & Carrd | puras |
| --- | --- | --- |
| Pricing | Monthly seat-based subscription | Usage-based — pay per page you generate, exact cost each run |
| How it's made | You build sections in a drag-and-drop editor | Researches the product and writes the page for your goal |
| Output | Hosted and locked in their platform | One portable, self-contained HTML file you own |
| Where it runs | An editor you log into | API-native — generate pages programmatically |

## FAQ

### How does an AI landing page generator work?

You give it a brief — what you're selling, who it's for, and the one action the page should drive. It researches the product, picks a conversion blueprint for your goal, commits to a visual style, and writes the headline, copy, and CTA, then hands back one finished HTML page served at a stable URL.

### Can AI build a landing page from just a description or brief?

Yes — a brief is all you need. A short text description (a link works too) is enough to generate a complete page; product photos and a logo are optional and get featured accurately if you add them.

### Can I get the HTML file from this landing page generator?

Yes. The output is one self-contained, mobile-friendly .html file with the CSS embedded — a real file you own and can host anywhere, drop behind an ad, or render inline. It is not locked inside a hosting editor.

### How do I publish an HTML landing page to a live URL?

Every page it generates is served at a stable URL the moment it finishes, so you can point an ad or campaign at it immediately. You can also take the single HTML file and host it on any static host you prefer.

### What makes a landing page high-converting?

A clear single goal, a strong headline and call-to-action above the fold, and the right section order for that goal. This skill picks a proven blueprint by goal — signups, sales, waitlist, demo, download, or lead-gen — instead of a generic template.

### Can AI write the headline and CTA copy for my landing page?

Yes. It writes the hero headline, body copy, and call-to-action button text for you, tuned to your conversion goal. You can override the CTA text, link, offer, style, and sections, or leave them on auto.

### What is a cheaper alternative to Unbounce for landing pages?

This is a usage-based AI landing page generator — you pay per page you generate with an exact cost per run, instead of a monthly seat subscription. It's API-native, so founders and marketing teams can spin up campaign pages on demand without an editor.

## Try it free

AI Landing Page Generator has a free in-browser playground on its page (https://puras.co/skills/puras/product-ad-studio/landing-page-designer) — load an example or bring your own inputs and run it with a Google sign-in. No credit card, no subscription; runs are usage-based after the free try.

## Input schema

```json
{
  "type": "object",
  "required": [
    "brief"
  ],
  "properties": {
    "cta": {
      "type": "string",
      "maxLength": 24,
      "description": "Primary button text like \"Start Free\". Auto-picked if left empty."
    },
    "goal": {
      "enum": [
        "auto",
        "signups",
        "sales",
        "waitlist",
        "demo",
        "download",
        "lead-gen"
      ],
      "type": "string",
      "default": "auto",
      "description": "The one action the page is built to drive. Auto infers it from your brief."
    },
    "logo": {
      "type": "image",
      "description": "Optional brand logo, shown in the header and footer."
    },
    "brief": {
      "type": "text",
      "maxLength": 2000,
      "description": "What you're selling, who it's for, and what the page should make people do — a link works too."
    },
    "offer": {
      "type": "string",
      "maxLength": 80,
      "description": "A real promo to feature, e.g. \"Free for 14 days\"."
    },
    "style": {
      "enum": [
        "auto",
        "minimal",
        "bold",
        "premium",
        "playful",
        "editorial",
        "retro-futuristic",
        "brutalist",
        "organic",
        "clean"
      ],
      "type": "string",
      "default": "auto",
      "description": "The visual direction for the page. Auto picks the best fit."
    },
    "cta_url": {
      "type": "string",
      "maxLength": 300,
      "description": "Where the primary button points. Defaults to a placeholder anchor."
    },
    "sections": {
      "type": "array",
      "items": {
        "enum": [
          "hero",
          "logos",
          "benefits",
          "features",
          "how-it-works",
          "social-proof",
          "pricing",
          "faq",
          "final-cta"
        ],
        "type": "string"
      },
      "description": "Which sections to include. Left empty, the blueprint for your goal picks them.",
      "uniqueItems": true
    },
    "accent_color": {
      "type": "color",
      "description": "Brand accent color. Derived from the logo or brief if empty."
    },
    "product_images": {
      "type": "array",
      "items": {
        "type": "image"
      },
      "maxItems": 6,
      "minItems": 1,
      "description": "Optional product photos to feature on the page, so the real product stays accurate."
    },
    "generate_hero_image": {
      "type": "boolean",
      "default": true,
      "description": "Generate and embed a hero visual. Turn off for a pure type/CSS hero."
    }
  }
}
```

## Output schema

```json
{
  "type": "object",
  "properties": {
    "landing_page": {
      "type": "object",
      "properties": {
        "goal": {
          "type": "string",
          "description": "The conversion goal the page was built around."
        },
        "style": {
          "type": "string",
          "description": "The aesthetic direction used."
        },
        "headline": {
          "type": "string",
          "description": "The hero headline shown on the page."
        },
        "page_url": {
          "type": "file",
          "description": "Drive path to the single self-contained .html landing page; served as a stable media URL and rendered inline as a live preview.",
          "contentMediaType": "text/html"
        }
      },
      "description": "The finished landing page."
    }
  }
}
```

## Examples

### SaaS free-trial signups — bold style

A short brief, nothing else. The skill researches the product, builds a signup blueprint, commits to a bold direction, writes the copy, and ships one self-contained HTML page with the trial CTA above the fold.

Inputs:

```json
{
  "cta": "Start Free",
  "goal": "signups",
  "brief": "A focus timer app that blocks distracting sites and shows you where your hours actually go. For freelancers and students who keep losing the afternoon.",
  "offer": "Free for 14 days",
  "style": "bold",
  "cta_url": "https://example.com/signup"
}
```

### DTC product sales page — premium, with photos

A brief plus product photos and a real offer. The skill features the real product in the hero and feature shots, builds a sales blueprint, and renders one premium, mobile-first page.

Inputs:

```json
{
  "cta": "Shop the Set",
  "goal": "sales",
  "brief": "A refillable matte-glass fragrance in a sculptural bottle with a leather cap — warm, timeless, luxury. Audience is gift-buyers.",
  "offer": "Free engraving this week",
  "style": "premium",
  "product_images": [
    "https://uozfqcfhlhugotnevscg.supabase.co/storage/v1/object/public/puras-public-skills/product-ad-studio/fragrance-product.jpg"
  ],
  "generate_hero_image": false
}
```

### Pre-launch waitlist — brief only

Just a brief, no assets. The skill imagines the product from the description, generates a hero visual, and builds a focused waitlist page in a single HTML file.

Inputs:

```json
{
  "cta": "Join the Waitlist",
  "goal": "waitlist",
  "brief": "A reusable insulated water bottle in matte sage green that keeps drinks cold for 24 hours. For everyday commuters and gym-goers. Clean, minimal look.",
  "style": "minimal"
}
```

## Use this skill

puras runs this skill on its own backend — you send inputs and get the result back. Three ways to call, fastest first:

### 1. MCP server — recommended for coding agents, no API key

Connect the puras MCP server; auth is OAuth in the browser on first call, so there is nothing to paste.

```bash
claude mcp add --transport http puras https://mcp.puras.co/mcp
```

Any MCP client works — point it at `https://mcp.puras.co/mcp` (HTTP transport). Then ask the agent to run `landing-page-designer` from skillpack `puras/product-ad-studio` with your inputs.

### 2. CLI / Python SDK — `pip install puras`

```bash
pip install puras
puras login            # or set PURAS_API_KEY
puras run puras/product-ad-studio/landing-page-designer -i key=value
```

From Python:

```python
import puras

client = puras.Client()   # PURAS_API_KEY from env
result = client.run("puras/product-ad-studio/landing-page-designer", {"cta":"Start Free","goal":"signups","brief":"A focus timer app that blocks distracting sites and shows you where your hours actually go. For freelancers and students who keep losing the afternoon.","offer":"Free for 14 days","style":"bold","cta_url":"https://example.com/signup"})
```

### 3. HTTP API

`wait=true` blocks until the run reaches a terminal status and returns the result inline.

```bash
curl -X POST "https://api.puras.co/v1/jobs?skillpack=puras/product-ad-studio&wait=true" \
  -H "Authorization: Bearer $PURAS_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{"skill":"landing-page-designer","inputs":{"cta":"Start Free","goal":"signups","brief":"A focus timer app that blocks distracting sites and shows you where your hours actually go. For freelancers and students who keep losing the afternoon.","offer":"Free for 14 days","style":"bold","cta_url":"https://example.com/signup"}}'
```

Mint an API key (for CLI / SDK / API) from https://puras.co/api-keys.

## Pricing

Runs are billed usage-based from your workspace credit balance — the cost of a job is the sum of the model token (and any media) usage it incurs. There is no per-call platform fee. The playground and the job result report the exact cost of each run.

- Pricing page: https://puras.co/pricing
- Machine-readable model price registry: `https://api.puras.co/v1/pricing`