Skip to content
Get packs

Waitlist Page Builder

Builds a branded pre-launch waitlist landing page with an email signup form from a template.

Source Download skill
Repository
nexu-io/open-design
Stars
105,448
Licence
Apache-2.0
Files
4 files

What it does

When installed, the agent creates a single-file HTML landing page for a product that is not yet launched, with the brand name, a tagline, a logo, and an email sign-up form. It starts from a fixed template instead of writing HTML from scratch, and takes its colours and fonts from a DESIGN.md brand file in your project. The skill includes explicit rules to avoid fake urgency such as fake countdowns or artificial scarcity, and to sanitise inputs such as logo SVG and colour values.

Great for

  • Founders or indie makers preparing a beta or early-access signup page
  • Designers who already keep a DESIGN.md brand file and want a page that matches it
  • Teams that need a quick, mobile-friendly coming-soon page

Skip it if

  • Projects with no DESIGN.md brand file, since the skill asks for one before proceeding and the output depends on it
  • Sites that need real email collection to work: the skill builds the form markup but the files do not show a backend that stores emails
  • Pages where raw custom HTML or untrusted SVG must be embedded, because the sanitisation rules are only described in prose and are not enforced by code in these files

Try asking

  • “Make a waitlist page for my design tool with a custom logo and one call-to-action.”
  • “Create a coming soon page for my indie game using the colours in DESIGN.md.”
  • “Build a pre-launch landing page for our beta program with email capture.”
Step-by-step guide: how to use Waitlist Page BuilderInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

    The ZIP contains the 4 original files, the Apache-2.0 licence and an attribution note.

    waitlist-page.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip waitlist-page.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip waitlist-page.zip -d .claude/skills/

    Claude apps (web/desktop): Settings → Capabilities → Skills → Upload skill, and choose the ZIP.

  3. 3

    Ask for the task

    No special command needed — the agent reads the skill's description and loads it when your request matches. Try one of the prompts above.

Get better results

  • Prepare a DESIGN.md with explicit colour values and font names before asking for the page, so the template tokens fill correctly.
  • Review the generated index.html, especially the form action, before publishing, because the skill does not define where signups are sent.
  • Use plain text initials for the logo unless you have checked any SVG you supply.

What's inside

  • assets/template.html
  • example.html
  • references/checklist.md
  • SKILL.md

Redistributed unmodified from nexu-io/open-design under the Apache-2.0 licence. The assessment was drafted with AI from the skill's files on 2026-10-29. Skills can instruct your agent to run code — read SKILL.md and any scripts before installing.