Agent skill

Landing Page

by shawnpang in shawnpang/startup-founder-skills

When the user needs to create, critique, or optimize a landing page for conversion -- including headline rewrites, CTA placement, layout restructuring, or full page copy drafts.

MITAuto-check passedFrontend & Design

Install Landing Page

skills CLI
$ npx skills add shawnpang/startup-founder-skills --skill landing-page -a claude-code

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

GitHub CLI
$ gh skill install shawnpang/startup-founder-skills landing-page --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/shawnpang/startup-founder-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/landing-page .claude/skills/landing-page && 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
GitHub stars
343
Token cost
~2k tokens
SKILL.md length
1,056 words
Files
1
Skills in repo
50
Repo updated
First seen
Licence
MIT

At a glance

When the user needs to create, critique, or optimize a landing page for conversion -- including headline rewrites, CTA placement, layout restructuring, or full page copy drafts.

  • Works in 8 steps: Identify page type and conversion goal… → Assess value proposition clarity -- Can… → Evaluate headline effectiveness -- Does… → …
  • Needs to create
  • SKILL.md covers When to Use, Context Required, Workflow and Output Format, plus 3 more sections
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Landing Page is an agent skill from shawnpang/startup-founder-skills. When the user needs to create, critique, or optimize a landing page for conversion -- including headline rewrites, CTA placement, layout restructuring, or full page copy drafts.

Its SKILL.md is about 2k tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.

It sits in Frontend & Design, covering Landing pages. The repository describes itself as: AI agent skills for tech startup founders — fundraising, sales, product, recruiting, engineering, legal, ops, and growth. Works with Claude Code, Cursor, Codex, and any Agent… The licence is MIT.

When your agent uses it

  • Needs to create
  • Optimize a landing page for conversion -- including headline rewrites
  • Layout restructuring
  • Full page copy drafts

Example prompts

  • “/landing-page”

Workflow steps

8 steps, taken from the first numbered list in SKILL.md.

  1. Identify page type and conversion goal -- Every page gets one primary conversion action. Determine whether this is a homepage, landing…
  2. Assess value proposition clarity -- Can a visitor understand what this is and why they should care within 5 seconds? Check whether copy is…
  3. Evaluate headline effectiveness -- Does the headline communicate the core value proposition? Is it specific enough to be meaningful? Does…
  4. Audit CTA placement, copy, and hierarchy -- Is there one clear primary action visible without scrolling? Does button copy communicate…
  5. Check visual hierarchy and scannability -- Can someone scanning the page get the main message? Are the most important elements visually…
  6. Evaluate trust signals and social proof -- Look for: customer logos (especially recognizable ones), testimonials with specifics and…
  7. Identify objection handling -- Are common objections addressed? Price/value concerns, "will this work for me?", implementation difficulty…
  8. Find friction points -- Too many form fields, unclear next steps, confusing navigation, required fields that should not be required, poor…

What it can do on your machine

Read from SKILL.md and the folder at commit 4ad31b4. 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

    No scripts in the folder and no shell commands in SKILL.md.

    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 loads about 2k tokens when it runs. Until then it costs about 48 tokens; SKILL.md has 1,056 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~48
When it runs · the whole SKILL.md, loaded when a task matches
~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); files beside SKILL.md are not scanned.

SKILL.md

The full file from shawnpang/startup-founder-skills at commit 4ad31b4, republished under its MIT licence (© shawnpang). 1,056 words, ~1,986 tokens.

Download SKILL.mdSave it as .claude/skills/landing-page/SKILL.md (or your agent's skills folder).
name
landing-page
description
When the user needs to create, critique, or optimize a landing page for conversion -- including headline rewrites, CTA placement, layout restructuring, or full page copy drafts.
related
content-strategy, seo-technical, cold-outreach
reads
startup-context

Landing Page

When to Use

  • Creating a new landing page from scratch (product launch, feature page, waitlist).
  • Auditing an existing page for conversion rate optimization (CRO).
  • Rewriting headlines, CTAs, or hero sections.
  • Structuring page sections for a specific audience and traffic source.
  • Generating A/B test variants for copy or layout changes.

Context Required

  • From startup-context: product description, ICP (ideal customer profile), value proposition, competitive positioning, stage, tone of voice.
  • From the user: page URL or current copy (if auditing), page type (homepage, landing page, pricing, feature, blog), primary conversion goal (signup, demo, purchase, subscribe, download), traffic source (organic, paid, email, social), any existing conversion data or user research.

Workflow

  1. Identify page type and conversion goal -- Every page gets one primary conversion action. Determine whether this is a homepage, landing page, pricing page, feature page, or blog post -- each has a different CRO framework.
  2. Assess value proposition clarity -- Can a visitor understand what this is and why they should care within 5 seconds? Check whether copy is benefit-focused (good) or feature-focused (common problem). Ensure it is written in the customer's language, not company jargon.
  3. Evaluate headline effectiveness -- Does the headline communicate the core value proposition? Is it specific enough to be meaningful? Does it match the traffic source's messaging? Apply headline patterns:
    • Outcome-focused: "Get [desired outcome] without [pain point]"
    • Specificity: Include numbers, timeframes, or concrete results
    • Social proof: "Join [N] teams who [achieve outcome]"
    • Direct address: "You [do painful thing]. There's a better way."
  4. Audit CTA placement, copy, and hierarchy -- Is there one clear primary action visible without scrolling? Does button copy communicate value, not just action? ("Start my free trial" beats "Submit"). Check CTA hierarchy: primary vs. secondary, repeated at key decision points.
  5. Check visual hierarchy and scannability -- Can someone scanning the page get the main message? Are the most important elements visually prominent? Is there sufficient whitespace? Do images support or distract from the message?
  6. Evaluate trust signals and social proof -- Look for: customer logos (especially recognizable ones), testimonials with specifics and attribution, case study snippets with real numbers, review scores, security badges. Place trust signals near CTAs and after benefit claims.
  7. Identify objection handling -- Are common objections addressed? Price/value concerns, "will this work for me?", implementation difficulty, "what if it doesn't work?" Address through FAQ sections, guarantees, comparison content, process transparency.
  8. Find friction points -- Too many form fields, unclear next steps, confusing navigation, required fields that should not be required, poor mobile experience, slow load times.

Output Format

  • If auditing: Recommendations structured as: (1) Quick Wins -- easy changes with immediate impact, (2) High-Impact Changes -- bigger efforts with significant conversion improvement, (3) Test Ideas -- hypotheses worth A/B testing. For key elements, provide 2-3 copy alternatives with rationale.
  • If drafting: Full page copy organized by section with 2-3 headline variants and CTA text options. Include layout and visual recommendations.

Frameworks & Best Practices

Page-Specific CRO
  • Homepage: Clear positioning for cold visitors, quick path to primary conversion, handle both "ready to buy" and "still researching" visitors.
  • Landing page: Message-match with traffic source, single CTA (remove navigation if possible), complete argument on one page.
  • Pricing page: Clear plan comparison, recommended plan indication, address "which plan is right for me?" anxiety.
  • Feature page: Connect feature to benefit, include use cases and examples, clear path to try/buy.
  • Blog post: Contextual CTAs matching content topic, inline CTAs at natural stopping points.
Copy Principles
  • The headline is the most important element on the page. If the headline does not stop the scroll, nothing else matters. Test headlines before anything else.
  • Specificity beats cleverness. "Save 12 hours per week on reporting" outperforms "Work smarter, not harder" every time.
  • The subheadline does the heavy lifting. The headline earns attention; the subheadline explains the value. Use it to clarify who the product is for, what it does, and why it matters.
  • Awareness-level matching. Match copy depth to visitor awareness. Paid search visitors are typically solution-aware (want pricing and CTAs). Social ad visitors are typically problem-aware or unaware (need problem education first). Traffic source reveals awareness level.
Show full SKILL.md (382 more words)Show less
Conversion Principles
  • One page, one goal. Never give the visitor two equal choices. Every element should push toward the primary CTA.
  • Above-the-fold rule. Visitor should understand what you do, who it is for, and what to do next within 5 seconds.
  • Risk reversal near final CTA. Address "what if it doesn't work?" -- free trial, money-back guarantee, or no-commitment language.
  • Social proof placement. Small proof element in hero section ("Trusted by 500+ teams"), dedicated proof section below the fold.
  • Testimonial specificity. "This product is great" is worthless. "We reduced onboarding time from 3 weeks to 2 days" is persuasive. Seek specific, outcome-driven testimonials with numbers.
  • Reduce cognitive load. Every additional choice, link, or piece of information adds friction. Cut anything that does not directly support the primary conversion.
  • Mobile-first. Over 60% of traffic is mobile. Design for thumb zones. Ensure CTAs are tappable without zooming.
  • content-strategy -- when the landing page needs supporting content to drive traffic
  • seo-technical -- when the landing page needs to rank organically
  • cold-outreach -- when the landing page is the destination for outbound campaigns and copy must align with email messaging

Examples

Example 1: Page audit

"Here's our landing page copy. We're getting 15k visitors/month but only 1.2% conversion. What's wrong?"

Good output: Quick wins (e.g., rewrite feature-focused headline to outcome-focused), high-impact changes (restructure page sections, add social proof to hero), and test ideas (3 headline variants, 2 CTA copy options). Each recommendation includes the specific issue, the fix, and expected impact.

Example 2: New page draft

"We're launching a waitlist page for our developer tool. Target audience is backend engineers frustrated with deployment complexity."

Good output: Full section-by-section copy. Hero headline: "Deploy to production in 3 commands, not 30 steps." Problem agitation naming the specific pain. 3-step "how it works" section. Social proof placeholder guidance. CTA: "Join 2,400 engineers on the waitlist." Two alternative headline options and layout notes.

Example 3: A/B test recommendations

"Our signup page converts at 3.5%. What should we test first?"

Good output: Priority-ordered test plan. (1) Headline -- 3 variants reframing value prop from feature-first to outcome-first. (2) CTA copy -- "Start free trial" vs. "See it in action" vs. "Get started in 2 minutes." (3) Hero trust element -- customer count or logo bar. Each test includes control, variant, hypothesis, and minimum sample size guidance.

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

Files

Just SKILL.md in skills/landing-page of shawnpang/startup-founder-skills.

Open the folder on GitHubat commit 4ad31b4

Compare with similar skills

Landing Page 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 compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Landing Page this skillshawnpang/startup-founder-skills343—~2kAutomated safety check: PassMIT
Impeccablebestofjs/bestofjs3.1k26 repos~2.6kAutomated safety check: PassMIT
Scroll World Landing Pageoso95/scroll-world9.9k1 repos~12kAutomated safety check: NotesMIT
Expert Panelericosiu/ai-marketing-skills3.6k2 repos~2.1kAutomated safety check: PassMIT
UI UX Pro Maxsaoudi-h/solar-icons19018 repos~11kAutomated safety check: NotesCustom licence
Frontend Designanthropics/skills180k38 repos~2.3kAutomated safety check: PassApache-2.0

Similar skills

  • Impeccable

    bestofjs/bestofjs

    A skill your agent uses when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a…

    3.1k GitHub starsUsed in 26 repos~2.6k tokens
    Frontend & DesignAuto-check passed
  • Scroll World Landing Page

    oso95/scroll-world

    Builds a scroll-driven landing page where a pre-rendered camera flies through connected AI-generated scenes, using Higgsfield for stills and video clips.

    9.9k GitHub starsUsed in 1 repo~12k tokens
    Frontend & DesignAuto-check: notes
  • Expert Panel

    ericosiu/ai-marketing-skills

    Score, evaluate, and iteratively improve any content or strategy using an auto-assembled panel of domain experts.

    3.6k GitHub starsUsed in 2 repos~2.1k tokens
    Frontend & DesignAuto-check passed
  • UI UX Pro Max

    saoudi-h/solar-icons

    UI/UX design intelligence for web and mobile. An agent skill from saoudi-h/solar-icons.

    190 GitHub starsUsed in 18 repos~11k tokens
    Frontend & DesignAuto-check: notes
  • Frontend Design

    anthropics/skills

    Official

    Pushes the agent toward distinctive visual design for new or reworked UI: a clear aesthetic direction, deliberate typography and choices rooted in the subject.

    180k GitHub starsUsed in 38 repos~2.3k tokens
    Frontend & DesignAuto-check passed
  • Scroll Craft

    nateherkai/scroll-craft

    Build premium scroll-driven landing pages for service, product, food, and drink brands.

    3k GitHub stars~6.2k tokensUpdated 11 days ago
    Frontend & DesignAuto-check: notes

More from shawnpang/startup-founder-skills

All 50 skills in this repo
  • Accelerator Application

    shawnpang/startup-founder-skills

    When the user wants to apply to startup accelerators, incubators, or fellowship programs.

    343 GitHub stars~2.7k tokensUpdated 6 mo ago
    Auto-check passed
  • Architecture Design

    shawnpang/startup-founder-skills

    When the user needs to design or evaluate system architecture — service boundaries, data models, API contracts, infrastructure topology, database selection, or dependency analysis.

    343 GitHub stars~2.1k tokensUpdated 6 mo ago
    Auto-check passed
  • Board Update

    shawnpang/startup-founder-skills

    When the user needs to write a monthly or quarterly investor update, prepare a board deck, or communicate company progress to stakeholders.

    343 GitHub stars~2.3k tokensUpdated 6 mo ago
    Auto-check passed
  • Churn Analysis

    shawnpang/startup-founder-skills

    When the user needs to identify at-risk accounts, understand why customers are leaving, reduce churn rate, build health scores, design save plays, or create win-back campaigns.

    343 GitHub stars~2.3k tokensUpdated 6 mo ago
    Auto-check passed
  • Cicd Setup

    shawnpang/startup-founder-skills

    When the user needs to set up or improve CI/CD pipelines — GitHub Actions, GitLab CI, deployment automation, or says "set up CI", "automate deployment", "add tests to pipeline", "fix my build".

    343 GitHub stars~1.7k tokensUpdated 6 mo ago
    Auto-check passed
  • Code Review

    shawnpang/startup-founder-skills

    When the user asks for a code review, shares code for feedback, or says "review this", "check my code", "what's wrong with this".

    343 GitHub stars~1.9k tokensUpdated 6 mo ago
    Auto-check passed

Questions about Landing Page

What does Landing Page do?

When the user needs to create, critique, or optimize a landing page for conversion -- including headline rewrites, CTA placement, layout restructuring, or full page copy drafts. Landing Page is an agent skill from shawnpang/startup-founder-skills. When the user needs to create, critique, or optimize a landing page for conversion -- including headline rewrites, CTA placement, layout restructuring, or full page copy drafts.

When should I use Landing Page?

Landing Page fits situations like: needs to create; optimize a landing page for conversion -- including headline rewrites; layout restructuring; full page copy drafts.

How do I install Landing Page in Claude Code?

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

How do I install Landing Page in Codex?

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

Can I use Landing Page 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 shawnpang/startup-founder-skills --skill landing-page -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, .gemini/skills/landing-page, .github/skills/landing-page and .opencode/skills/landing-page in your project.

What does Landing Page need to run?

SKILL.md names no scripts, command-line tools or credentials: Landing Page is instructions for the agent only.

Does Landing Page 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 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. Review the folder before installing.

What licence does Landing Page use?

Landing Page is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Landing Page use?

About 2k tokens (SKILL.md is roughly 7.9k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Landing Page?

Skills that share tags, products or a category with Landing Page: Impeccable (bestofjs/bestofjs, 3.1k stars), Scroll World Landing Page (oso95/scroll-world, 9.9k stars), Expert Panel (ericosiu/ai-marketing-skills, 3.6k stars) and UI UX Pro Max (saoudi-h/solar-icons, 190 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Landing Page?

shawnpang (a GitHub user) maintains it in shawnpang/startup-founder-skills, which has 343 GitHub stars. The repository holds 50 skills in this directory. The repository was last updated on March 16, 2026.

Source: shawnpang/startup-founder-skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.