Skip to content

Landing Page Builder

by ElayaSkillMake visuals

Plans, writes and builds a one-page website for your offer, starting from a few questions

View on GitHub

About Landing Page Builder

Landing Page Builder is a skill that guides your AI agent through making a one-page website. It asks about your offer, writes the outline and copy, then builds the page on one consistent visual system.

For FoundersFreelancersSmall businesses

Made by Elaya

Elaya is a GitHub account that publishes a collection of design skills for AI coding tools such as Claude Code, Cursor and Codex.

Stars
★ 13k
License
MIT
Cost
Free
Level
Intermediate
Contents
Instructions only

Overview

Landing Page Builder is a skill that guides your AI agent through making a landing page from scratch. It first asks about your offer, audience and main action, then returns an outline, headline, benefits, how-it-works steps, an FAQ and a layout choice before building the page section by section. A fixed visual system covers fonts, spacing, corners, colors and motion, so the result looks consistent. It suits founders, freelancers and small businesses who need a page for one product or sign-up.

It makes the agent settle the offer and the copy before it writes any code, and keeps all design values in one section you can edit.

Try these first

Start with the first one: it is a small task you can check easily.

  1. Plan a landing page for [your offer]. Give me the outline and hero copy only, no code yet.First try

  2. Ask me what you need to know, then build the full landing page.writes files

  3. Write six FAQ questions and answers for this page based on [paste details].

  4. Recommend a layout for a page selling [product] and explain why.

Example prompts written by Agent Flows Hub.

What you get

From the creator's documentation.

OutputWhat it isReads
Intake questionsAsks about the offer, audience, main action and proof in one batchWhat you tell it
Page plan and copyOutline, headline, benefits, three steps, FAQ and a layout choice before any codeWhat you tell it
Visual systemFixed rules for fonts, spacing, corners, backgrounds, icons and motionYour project
Built pageThe agent builds the page section by section in your projectYour project

Good to know

Build a single page for one offer, such as a course sign-up or a product launch. The skill asks about the offer and audience, writes the outline and copy for you to check, then builds the page section by section.

Limits

  • The skill tells the agent to apply its rules to any web page work in the project, not only landing pages; install it only where you want that.

Notes by (original project name: landing-page-design), written from the creator's documentation, not from running it ourselves. landing-page-design SKILL.md · AI Design Skills README

Stuck setting it up?

Tell us what happened. We take a look first; if it needs paid work, you get an estimate before anything starts.

Get help

Other skills

  • Last 30 Days Research Researches what people said about any topic in the past 30 days and writes one brief
  • Launch Video Maker Turns the website or app you built into a short launch video with music and share copy
  • Lease Decoder Turns a rental lease into plain English and ranks the clauses that could cost you money
  • LinkedIn Hook Post Writer Drafts a LinkedIn post from your topic using one of 20 hook formulas picked by your goal
  • LinkedIn Humanizer Rewrites AI-drafted LinkedIn posts and comments so they stop reading like a chatbot
  • LinkedIn Post Writer Turns one raw idea into three hook options and a LinkedIn post draft in your own voice

See all 140 skills · A skill is installed but not loading

GitHub