Skip to content

SaaS Landing Page

Turns your product content into a single-page SaaS marketing landing page with standard sections

Stars
9,376
Licence
Apache-2.0
Files
2 files

What it does

When installed, the agent builds a one-page marketing site for a software product from the content you supply. It maps your text into standard sections such as a hero banner, feature cards, a 3-step how-it-works block, pricing tiers with a highlighted plan, an FAQ and a footer, styled with a modern look and responsive layout. The skill is a set of written instructions and an example HTML file; it does not run any programs or contact the internet.

Great for

  • Founders or marketers who need a quick draft landing page for a software product
  • Designers wanting a starting layout to iterate on
  • Developers prototyping a SaaS homepage before building the real one

Skip it if

  • Final production pages that need legal copy, real pricing, or brand-verified claims, since the output is a template draft that must be reviewed
  • Non-software businesses, where the sections (pricing tiers, SaaS hero) will not fit well

Try asking

  • “Make a SaaS landing page for my project management tool with three pricing tiers”
  • “Turn this product description into a one-page landing page with features and FAQ”
  • “Create a desktop-first marketing homepage for my AI note-taking app”
Step-by-step guide: how to use SaaS Landing PageInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

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

    saas-landing.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip saas-landing.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip saas-landing.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

  • Provide your product name, 3-6 features, pricing tiers and a clear call to action so the sections are filled accurately
  • Ask for mobile single-column layout explicitly if you need to check responsiveness beyond the default desktop 1440 target
  • Review all claims, prices and logos before publishing, since the skill fills placeholders from your input

What's inside

  • example.html
  • SKILL.md

Redistributed unmodified from nexu-io/html-anything 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.