Agent skill

Landing Page Generator

by buildfastwithai in buildfastwithai/gen-ai-experiments

Builds a single self-contained HTML landing page from a template with copy frameworks, four themes and SEO meta, then runs bundled audit scripts for conversion and speed.

MITAuto-check passedFrontend & Design

Install Landing Page Generator

skills CLI
$ npx skills add buildfastwithai/gen-ai-experiments --skill landing-page-generator -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install buildfastwithai/gen-ai-experiments landing-page-generator --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/buildfastwithai/gen-ai-experiments.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/landing-page-generator .claude/skills/landing-page-generator && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
landing-page-generator
GitHub stars
785
Token cost
~1.5k tokens
SKILL.md length
648 words
Files
10 (incl. scripts, references, assets)
Skills in repo
13
Repo updated
First seen
Licence
MIT

At a glance

Builds a single self-contained HTML landing page from a template with copy frameworks, four themes and SEO meta, then runs bundled audit scripts for conversion and speed.

  • Works in 4 steps: Choose framework and theme → Build from the template → Verify with the audit scripts → …
  • Creating a landing page, campaign page or signup page for a product
  • SKILL.md covers Bundled Resources, Clarify First, Workflow and Auditing an Existing Page, plus 1 more section
  • Runs Python scripts from its folder; calls python

What it does

The agent first confirms the few things that change the page most: the conversion goal and offer, the audience and its awareness level, the key pain point and benefit, the traffic source and any brand constraints. It asks at most two or three questions and lists its assumptions if you say to just draft it. It then picks a copy framework by audience (PAS when the problem is known, AIDA when education is needed, BAB for people seeking transformation) and one of four themes: dark-saas, clean-minimal, bold-startup or enterprise.

Pages are built from assets/template.html, a scaffold with nine sections, SEO meta, schema markup and CWV optimizations. References cover copy frameworks, section patterns, design styles and optimization checklists. After each draft, three Python scripts audit the result: conversion_checklist.py, cta_analyzer.py and page_speed_estimator.py. The output is one HTML file, and the skill also handles reviewing or improving an existing page.

When your agent uses it

  • Creating a landing page, campaign page or signup page for a product
  • Making a single-page site for a launch or a webinar
  • Auditing an existing landing page for conversion and speed
  • Choosing a copy framework and theme for a particular audience

Example prompts

  • “Build a landing page for our invoicing app, aimed at freelancers, with one signup button.”
  • “Make a signup page for our webinar on remote hiring.”
  • “Audit landing.html for conversion problems and page speed, then fix what the scripts flag.”

Requirements

  • Python to run the audit scripts

Workflow steps

4 steps, taken from the step headings in SKILL.md.

  1. Choose framework and theme
  2. Build from the template
  3. Verify with the audit scripts
  4. Deliver

What it can do on your machine

Read from SKILL.md and the folder at commit 7b62043. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Ships 3 files in scripts/ (Python), which the agent can run.

    Shell commands in SKILL.md call:

    • python

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Landing Page Generator loads about 1.5k tokens when it runs, and up to ~5.2k if it reads all its reference files. Until then it costs about 135 tokens; SKILL.md has 648 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~135
When it runs · the whole SKILL.md, loaded when a task matches
~1.5k
With references · SKILL.md plus every file in references/, read only if the agent opens them
~5.2k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); the scripts in this folder are not scanned.

SKILL.md

The full file from buildfastwithai/gen-ai-experiments at commit 7b62043, republished under its MIT licence (© buildfastwithai). 648 words, ~1,502 tokens.

Download SKILL.mdSave it as .claude/skills/landing-page-generator/SKILL.md (or your agent's skills folder). This skill also uses 9 other files; get the full folder from GitHub.
name
landing-page-generator
description
Generate high-converting landing pages as production-ready HTML with built-in design themes, copy frameworks (PAS, AIDA, BAB), CTA strategy, SEO meta, and automated conversion/speed audits. Use whenever the user wants a landing page, campaign page, lead capture page, promo page, launch page, or single-page site — or wants an existing landing page reviewed, audited, or improved — even if they don't say "landing page" (e.g. "a page for my product", "somewhere to send ad traffic", "a signup page for the webinar").
license
MIT
metadata.version
2.0.0
metadata.author
borghei
metadata.category
marketing
metadata.domain
conversion
metadata.updated
2026-07-16

Landing Page Generator

Build landing pages that convert, as a single self-contained HTML file, then verify them with the bundled audit scripts.

Bundled Resources

ResourceWhat It's ForWhen to Read/Run
assets/template.htmlProduction-ready page scaffold: 9 sections, 4 themes, SEO meta, schema, CWV optimizations baked inCopy as the starting point for every new page
references/copy-frameworks.mdPAS/AIDA/BAB application, hero copy rules, CTA formulas, voice rulesBefore writing any copy
references/section-library.mdSection-by-section patterns, variants, and rulesWhen adding/removing/adapting sections
references/design-styles.mdTheme selection, tokens, typography, imagery rulesWhen choosing a theme or applying brand colors
references/optimization.mdManual checklists, CWV targets, A/B testing, troubleshooting, benchmarksBefore delivery; when diagnosing an underperforming page
scripts/*.pyAutomated audits (see Verify step)After every draft, before delivery

Clarify First

Confirm these before generating. Ask only the 2-3 that most change the output; if the user says "just draft it," proceed and list assumptions at the top of the deliverable.

  • Conversion goal & offer — the single action and what the visitor gets (one page, one goal, one CTA)
  • Target audience & awareness level — selects the copy framework (see below)
  • Key pain point & key benefit — drives the hero headline and Problem/Solution sections
  • Traffic source — ads, email, or organic (sets message match)
  • Brand constraints — existing colors/logo/screenshots, or free rein

Workflow

1. Choose framework and theme

Copy framework by audience awareness (details in references/copy-frameworks.md):

AudienceFramework
Knows the problemPAS
Needs educationAIDA
Wants transformation, knows solutions existBAB

Design theme by product type (details in references/design-styles.md): dark-saas (dev tools, technical SaaS), clean-minimal (services, healthcare, education), bold-startup (consumer, creative), enterprise (B2B enterprise, finance, government).

2. Build from the template

Copy assets/template.html, set data-theme on <body>, and replace every {{PLACEHOLDER}}. The template's section order is canonical: Hero → Social proof bar → Problem → Solution → How it works → Testimonials → Pricing → FAQ → Final CTA. Remove sections that don't apply (e.g., Pricing on a lead-magnet page) but don't reorder — credibility must precede claims, and objection-handling must precede the final ask.

Non-negotiables the template already enforces — keep them intact when editing:

  • One H1; nav is logo + CTA only (every extra link is an exit path)
  • Same CTA action repeated ~3 times, friction reducer under each button
  • Explicit width/height on images, loading="lazy" below the fold, fetchpriority="high" on the hero image
  • Viewport meta, meta description, OG tags, FAQPage schema

Honesty rule: never invent testimonials, customer names, logos, metrics, or guarantees. If the user hasn't supplied them, leave clearly marked placeholders and list what's needed. Fabricated social proof is a legal and trust liability for the user.

Show full SKILL.md (234 more words)Show less
3. Verify with the audit scripts

Run all three against the finished HTML (they support --json for machine-readable output):

bash
python scripts/conversion_checklist.py page.html   # 20+ point structure audit
python scripts/cta_analyzer.py page.html           # CTA placement, copy strength, consistency
python scripts/page_speed_estimator.py page.html   # Est. Core Web Vitals (LCP, CLS, INP)

Fix anything below grade B and every flagged issue, then re-run. Also do the manual checks in references/optimization.md (the scripts can't judge whether the headline actually communicates value — read it cold).

4. Deliver

Provide the HTML file plus a short summary: framework and theme chosen (and why), audit scores, assumptions made, and the placeholders the user still needs to fill (images, real testimonials, signup URL, analytics).

If the page will receive real traffic, suggest an A/B test on the headline — commonly the highest-impact element (framework in references/optimization.md).

Auditing an Existing Page

When asked to review/improve an existing landing page rather than build one: run all three scripts on it, read references/optimization.md for the manual checks and troubleshooting table, and present findings ordered by conversion impact (message match and above-fold CTA issues first, cosmetics last).

Scope

In scope: page structure, copy application, design themes, conversion optimization, CTA strategy, SEO meta, CWV optimization, A/B test design, auditing existing pages.

Out of scope: running the ad campaigns that drive traffic, CMS/website-builder administration, analytics platform setup, backend form processing (the template's form points to a URL the user must wire up).

Benchmarks caveat: conversion medians (~6.6% across industries, 2025) vary hugely by category — SaaS trials 10-25%, e-commerce 2-3%. Treat as directional; the user's own baseline is the real benchmark.

© buildfastwithai, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 9 other files (scripts, references, assets) in skills/landing-page-generator of buildfastwithai/gen-ai-experiments.

  • SKILL.md
  • agents/openai.yaml
  • assets/template.html
  • references/copy-frameworks.md
  • references/design-styles.md
  • references/optimization.md
  • references/section-library.md
  • scripts/conversion_checklist.py
  • scripts/cta_analyzer.py
  • scripts/page_speed_estimator.py

Open the folder on GitHubat commit 7b62043

Compare with similar skills

Landing Page Generator next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Landing Page Generator compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Landing Page Generator this skillbuildfastwithai/gen-ai-experiments785—~1.5kAutomated safety check: PassMIT
Landing Page Copyrampstackco/claude-skills945—~2.7kAutomated safety check: PassMIT
Copynicepkg/ai-workflow285—~3.1kAutomated safety check: PassMIT
Landing Page Optimizationmanojbajaj95/claude-gtm-plugin105—~1.9kAutomated safety check: PassMIT
Arabic Copy Localizergrowthack88/growth-marketing-os116—~1kAutomated safety check: PassMIT
Landing Page Audit 39irinabuht12-oss/marketing-skills4.1k—~1.6kAutomated safety check: PassNone

Similar skills

  • Landing Page Copy

    rampstackco/claude-skills

    Write landing page copy with attention to the hero, value proposition, social proof, objection handling, and conversion-focused CTAs.

    945 GitHub stars~2.7k tokensUpdated 4 days ago
    Marketing & SEOAuto-check passed
  • Copy

    nicepkg/ai-workflow

    Professional copywriter for SaaS and startups. An agent skill from nicepkg/ai-workflow.

    285 GitHub stars~3.1k tokensUpdated 8 mo ago
    Marketing & SEOAuto-check passed
  • Landing Page Optimization

    manojbajaj95/claude-gtm-plugin

    A skill your agent uses when working on landing pages — creation, copywriting, design, optimization, or conversion rate improvement.

    105 GitHub stars~1.9k tokensUpdated 23 days ago
    Marketing & SEOAuto-check passed
  • Arabic Copy Localizer

    growthack88/growth-marketing-os

    Marketing copy localization skill that converts English marketing copy (ads, landing pages, emails, CTAs) into native Egyptian Arabic عامية — or GCC dialect on request — with natural English…

    116 GitHub stars~1k tokensUpdated today
    Frontend & DesignAuto-check passed
  • Landing Page Audit 39

    irinabuht12-oss/marketing-skills

    CRO analysis for landing pages evaluating headline clarity, CTA placement, trust signals, mobile friction, and conversion killers.

    4.1k GitHub stars~1.6k tokensUpdated 17 days ago
    Frontend & DesignAuto-check passed
  • Landing Craft

    EliasOulkadi/shokunin

    Build conversion-optimized landing pages with CRO frameworks (Conversion Research, LIFT Model), scroll effects, A/B testing, personalization, form optimization, and Core Web Vitals (INP, LCP, CLS).

    114 GitHub stars~4.5k tokensUpdated 6 days ago
    Frontend & DesignAuto-check passed

More from buildfastwithai/gen-ai-experiments

All 13 skills in this repo
  • Talking Avatar Voice Chat App

    buildfastwithai/gen-ai-experiments

    Builds a realtime voice-chat app around a talking character portrait made from your photo or a text description, with mouth sprites driven by the audio.

    785 GitHub stars~1.7k tokensUpdated 19 days ago
    Auto-check passed
  • LaunchAudit

    buildfastwithai/gen-ai-experiments

    Audits a startup, app or landing page from a URL, localhost, repository, screenshots or copy, then gives a launch-readiness verdict, prioritized fixes and an HTML report.

    785 GitHub stars~1.8k tokensUpdated 19 days ago
    Auto-check passed
  • Startupblueprint

    buildfastwithai/gen-ai-experiments

    Turn a startup, SaaS, app, developer tool, website, repository, or product idea into an evidence-backed business plan, monetization strategy, pricing architecture, editable 12-month financial model…

    785 GitHub stars~2.2k tokensUpdated 19 days ago
    Auto-check passed
  • Eazyr Repo Onboarding Kit

    buildfastwithai/gen-ai-experiments

    Creates a QUICKSTART, doctor scripts and a documented .env.example for an unfamiliar repo from facts scanned in the repo, and audits how easy it is to onboard.

    785 GitHub stars~1.4k tokensUpdated 19 days ago
    Auto-check: notes
  • Mutation Test Strength Audit

    buildfastwithai/gen-ai-experiments

    Measures how well a Python pytest suite catches behavior changes through diff-scoped mutation testing, then proposes and verifies tests for surviving mutants.

    785 GitHub stars~641 tokensUpdated 19 days ago
    Auto-check passed
  • Customer Finder

    buildfastwithai/gen-ai-experiments

    Find and qualify evidence-backed potential first customers, early adopters, design partners, or beta users for a startup using recent public pain and buying signals.

    785 GitHub stars~1.4k tokensUpdated 19 days ago
    Auto-check passed

Questions about Landing Page Generator

What does Landing Page Generator do?

Builds a single self-contained HTML landing page from a template with copy frameworks, four themes and SEO meta, then runs bundled audit scripts for conversion and speed. The agent first confirms the few things that change the page most: the conversion goal and offer, the audience and its awareness level, the key pain point and benefit, the traffic source and any brand constraints. It asks at most two or three questions and lists its assumptions if you say to just draft it.

When should I use Landing Page Generator?

Landing Page Generator fits situations like: creating a landing page, campaign page or signup page for a product; making a single-page site for a launch or a webinar; auditing an existing landing page for conversion and speed; choosing a copy framework and theme for a particular audience.

How do I install Landing Page Generator in Claude Code?

Run `npx skills add buildfastwithai/gen-ai-experiments --skill landing-page-generator -a claude-code`. Or copy the skill folder (skills/landing-page-generator in buildfastwithai/gen-ai-experiments) into .claude/skills/landing-page-generator in your project. Claude Code loads it when a task matches its description.

How do I install Landing Page Generator in Codex?

Run `npx skills add buildfastwithai/gen-ai-experiments --skill landing-page-generator -a codex`. Or copy the skill folder (skills/landing-page-generator in buildfastwithai/gen-ai-experiments) into .agents/skills/landing-page-generator in your project. Codex loads it when a task matches its description.

Can I use Landing Page Generator in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add buildfastwithai/gen-ai-experiments --skill landing-page-generator -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/landing-page-generator, .gemini/skills/landing-page-generator, .github/skills/landing-page-generator and .opencode/skills/landing-page-generator in your project.

What does Landing Page Generator need to run?

Going by SKILL.md and its folder, Landing Page Generator needs Python for the scripts in its folder and the command-line tools its instructions call (python). Our summary lists: Python to run the audit scripts.

Does Landing Page Generator access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Landing Page Generator safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. The check reads SKILL.md only: the scripts in the folder are not scanned, so read them before running anything.

What licence does Landing Page Generator use?

Landing Page Generator is published under the MIT licence (declared in SKILL.md). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Landing Page Generator use?

About 1.5k tokens (SKILL.md is roughly 6k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 3.7k tokens, read only when the agent opens those files.

What are the alternatives to Landing Page Generator?

Skills that share tags, products or a category with Landing Page Generator: Landing Page Copy (rampstackco/claude-skills, 945 stars), Copy (nicepkg/ai-workflow, 285 stars), Landing Page Optimization (manojbajaj95/claude-gtm-plugin, 105 stars) and Arabic Copy Localizer (growthack88/growth-marketing-os, 116 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Landing Page Generator?

buildfastwithai (a GitHub organization) maintains it in buildfastwithai/gen-ai-experiments, which has 785 GitHub stars. The repository holds 13 skills in this directory. The repository was last updated on September 22, 2026.

Source: buildfastwithai/gen-ai-experiments on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.