Skip to content
Get packs

Product Proof SaaS Landing Pages

Build SaaS and AI product landing pages that lead with a real, labeled product workflow demo

Source Download skill
Repository
MengTo/Skills
Stars
7,187
Licence
MIT
Files
5 files

What it does

When installed, the agent follows a detailed design playbook for building or redesigning software product landing pages. Instead of vague marketing claims, the page centers on an interactive demo of how the product works, such as a prompt-to-output flow with clear input, draft, edit, and publish steps, plus honest pricing comparisons and linked FAQ answers. The skill also sets visual rules (pale backgrounds, thin borders, restrained color, reduced-motion support) and a checklist for testing states, keyboard use, and accessibility.

Great for

  • Front-end developers or designers building a landing page for a SaaS or AI product
  • Founders or marketers who want a page that shows the product working rather than generic promises
  • Teams redesigning an existing marketing site around a central product workflow

Skip it if

  • Sites that need fabricated outputs, testimonials, or metrics presented as real: the skill itself says to remove invented claims, but a user asking for fake proof would be working against it
  • Non-software businesses or simple brochure sites, where the product-demo structure does not fit

Try asking

  • “Redesign my AI writing tool's landing page so the hero shows a prompt turning into a draft I can edit”
  • “Create a pricing section for my SaaS that aligns usage limits and links ambiguous plan terms to FAQ answers”
  • “Build a hero demo for my product with a labeled sample workflow and a text transcript for accessibility”
Step-by-step guide: how to use Product Proof SaaS Landing PagesInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

    The ZIP contains the 5 original files, the MIT licence and an attribution note.

    product-proof-saas.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

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

    Claude Code / Agent SDK (this project only)

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

  • Give the agent real product details, screenshots, or a labeled sample workflow so it does not invent outputs or customers
  • Ask for the reduced-motion and keyboard checks explicitly, since the skill lists them as validation steps
  • Review the generated copy and metrics yourself before publishing, because the skill is guidance and does not verify claims

What's inside

  • agents/openai.yaml
  • demo/index.html
  • demo/PROMPT.md
  • REFERENCES.md
  • SKILL.md

Redistributed unmodified from MengTo/Skills under the MIT 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.