Landing Craft
EliasOulkadi/shokunin
Build conversion-optimized landing pages with CRO frameworks (Conversion Research, LIFT Model), scroll effects, A/B testing, personalization, form optimization, and Core Web Vitals (INP, LCP, CLS).
Landing page audit and optimization for conversion. An agent skill from thatrebeccarae/claude-marketing.
Install Landing Page Optimizer
$ npx skills add thatrebeccarae/claude-marketing --skill landing-page-optimizer -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install thatrebeccarae/claude-marketing landing-page-optimizer --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/thatrebeccarae/claude-marketing.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/landing-page-optimizer .claude/skills/landing-page-optimizer && rm -rf skills-srcUse ~/.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/
Install the "landing-page-optimizer" agent skill from https://github.com/thatrebeccarae/claude-marketing/tree/main/skills/landing-page-optimizer into .claude/skills/landing-page-optimizer/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "landing-page-optimizer", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/thatrebeccarae/claude-marketing/tree/main/skills/landing-page-optimizerType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add thatrebeccarae/claude-marketing --skill landing-page-optimizer -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install thatrebeccarae/claude-marketing landing-page-optimizer --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/thatrebeccarae/claude-marketing.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/landing-page-optimizer .agents/skills/landing-page-optimizer && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "landing-page-optimizer" agent skill from https://github.com/thatrebeccarae/claude-marketing/tree/main/skills/landing-page-optimizer into .agents/skills/landing-page-optimizer/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "landing-page-optimizer", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add thatrebeccarae/claude-marketing --skill landing-page-optimizer -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install thatrebeccarae/claude-marketing landing-page-optimizer --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/thatrebeccarae/claude-marketing.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/landing-page-optimizer .cursor/skills/landing-page-optimizer && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "landing-page-optimizer" agent skill from https://github.com/thatrebeccarae/claude-marketing/tree/main/skills/landing-page-optimizer into .cursor/skills/landing-page-optimizer/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "landing-page-optimizer", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/thatrebeccarae/claude-marketing.git --path skills/landing-page-optimizer--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add thatrebeccarae/claude-marketing --skill landing-page-optimizer -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install thatrebeccarae/claude-marketing landing-page-optimizer --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/thatrebeccarae/claude-marketing.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/landing-page-optimizer .gemini/skills/landing-page-optimizer && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "landing-page-optimizer" agent skill from https://github.com/thatrebeccarae/claude-marketing/tree/main/skills/landing-page-optimizer into .gemini/skills/landing-page-optimizer/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "landing-page-optimizer", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install thatrebeccarae/claude-marketing landing-page-optimizerInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add thatrebeccarae/claude-marketing --skill landing-page-optimizer -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/thatrebeccarae/claude-marketing.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/landing-page-optimizer .github/skills/landing-page-optimizer && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "landing-page-optimizer" agent skill from https://github.com/thatrebeccarae/claude-marketing/tree/main/skills/landing-page-optimizer into .github/skills/landing-page-optimizer/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "landing-page-optimizer", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add thatrebeccarae/claude-marketing --skill landing-page-optimizer -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install thatrebeccarae/claude-marketing landing-page-optimizer --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/thatrebeccarae/claude-marketing.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/landing-page-optimizer .opencode/skills/landing-page-optimizer && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "landing-page-optimizer" agent skill from https://github.com/thatrebeccarae/claude-marketing/tree/main/skills/landing-page-optimizer into .opencode/skills/landing-page-optimizer/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "landing-page-optimizer", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
landing-page-optimizer- GitHub stars
- 161
- Token cost
- ~1.1k tokens
- SKILL.md length
- 409 words
- Files
- 4
- Skills in repo
- 55
- Repo updated
- First seen
- Licence
- MIT
At a glance
Landing page audit and optimization for conversion. An agent skill from thatrebeccarae/claude-marketing.
- Works in 3 steps: What is this? (Clear headline) → Why should I care? (Benefit-focused… → What do I do next? (Visible CTA)
- The user asks about landing page optimization
- SKILL.md covers Install, Audit Framework, Conversion Benchmarks and Anti-Patterns, plus 1 more section
- Calls git
What it does
Landing Page Optimizer is an agent skill from thatrebeccarae/claude-marketing. Landing page audit and optimization for conversion. Covers above-the-fold design, value propositions, CTAs, social proof placement, form design, page speed, and mobile optimization. Use when the user asks about landing page optimization, conversion rate improvement, page audits, or CTA optimization.
Its SKILL.md is about 1.1k tokens, which your agent loads only when the skill is triggered. The skill folder holds 3 other files (for example `EXAMPLES.md` and `REFERENCE.md`).
It sits in Frontend & Design, covering Landing pages, Conversion rate optimization and Marketing psychology. The repository describes itself as: A full marketing department for Claude Code. Skill packs for Klaviyo, Shopify, GA4, Looker Studio, paid media, and more. Audit, optimize, and report using natural language. The licence is MIT.
When your agent uses it
- The user asks about landing page optimization
- Conversion rate improvement
- CTA optimization
Example prompts
- “/landing-page-optimizer”
Workflow steps
3 steps, taken from the first numbered list in SKILL.md.
- What is this? (Clear headline)
- Why should I care? (Benefit-focused subheadline)
- What do I do next? (Visible CTA)
What it can do on your machine
Read from SKILL.md and the folder at commit a8a63ec. 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
Shell commands in SKILL.md call:
git
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md. Its commands use git, which can reach the network depending on how they are called.
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 Optimizer loads about 1.1k tokens when it runs. Until then it costs about 81 tokens; SKILL.md has 409 words of instructions outside code blocks.
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 thatrebeccarae/claude-marketing at commit a8a63ec, republished under its MIT licence (© thatrebeccarae). 409 words, ~1,085 tokens.
Download SKILL.mdSave it as
.claude/skills/landing-page-optimizer/SKILL.md (or your agent's skills folder). This skill also uses 3 other files; get the full folder from GitHub.- name
- landing-page-optimizer
- description
- Landing page audit and optimization for conversion. Covers above-the-fold design, value propositions, CTAs, social proof placement, form design, page speed, and mobile optimization. Use when the user asks about landing page optimization, conversion rate improvement, page audits, or CTA optimization.
- license
- MIT
- origin
- custom
- author
- Rebecca Rae Barton
- author_url
- https://github.com/thatrebeccarae
- metadata.version
- 1.0.0
- metadata.category
- growth
- metadata.domain
- landing-pages
- metadata.updated
- 2026-03-18
- metadata.tested
- 2026-03-18
- metadata.tested_with
- Claude Code v2.1
Landing Page Optimizer
Audit and optimize landing pages for maximum conversion.
Install
git clone https://github.com/thatrebeccarae/claude-marketing.git && cp -r claude-marketing/skills/landing-page-optimizer ~/.claude/skills/Audit Framework
Above the Fold (First 5 Seconds)
The visitor must answer 3 questions instantly:
- What is this? (Clear headline)
- Why should I care? (Benefit-focused subheadline)
- What do I do next? (Visible CTA)
Hero Layout Patterns
| Pattern | Best For | Structure |
|---|---|---|
| Left copy / right visual | SaaS, B2B | Headline + CTA left, product screenshot right |
| Centered hero | Simple offers | Centered headline, subheadline, CTA |
| Video hero | Complex products | Autoplay background or embedded explainer |
| Social proof hero | High-trust needed | Headline with customer logos or metrics |
| Split test | Dual audiences | Two distinct paths with separate CTAs |
Value Proposition Hierarchy
H1: Primary benefit (what outcome they get)
Subheadline: How you deliver it (mechanism or differentiator)
Supporting points: 3 proof points or features (bullets)
CTA: Specific action + anxiety reducerCTA Optimization
Text: Action verb + specific outcome ("Start Free Trial" not "Submit") Design: High contrast to background, generous padding, whitespace around it Placement: Above fold, after each content section, sticky on scroll Microcopy: Reduce anxiety below CTA ("No credit card required", "Cancel anytime")
Social Proof Patterns
| Type | Placement | Impact |
|---|---|---|
| Customer logos | Below hero | Trust (B2B) |
| Metric ("50,000+ users") | Near headline | Scale proof |
| Star rating | Near CTA | Purchase confidence |
| Testimonial quote | Mid-page | Emotional proof |
| Case study result | Deep in page | Detailed proof |
| Trust badges | Near form/checkout | Security |
Form Optimization
- Every field removed increases completion 5-10%
- Labels above fields (never placeholder-only)
- Inline validation (real-time, not on submit)
- Smart defaults and autofill (autocomplete attributes)
- Multi-step forms outperform single long forms
- Progress indicator for multi-step
Mobile Optimization
- Touch targets minimum 48x48px
- Single column layout
- Thumb-friendly CTA placement (bottom half of screen)
- No horizontal scrolling
- Simplified navigation (hamburger or none)
- Fast load (LCP <2.5s on 4G)
Show full SKILL.md (150 more words)Show less
Conversion Benchmarks
| Page Type | Good | Average | Poor |
|---|---|---|---|
| SaaS trial signup | >5% | 2-5% | <2% |
| E-commerce product | >3% | 1.5-3% | <1.5% |
| Lead gen (B2B) | >10% | 5-10% | <5% |
| Newsletter signup | >5% | 2-5% | <2% |
| Webinar registration | >30% | 15-30% | <15% |
Anti-Patterns
- Multiple competing CTAs — one primary action per page
- Feature-focused headline — lead with benefit, not feature
- Stock photos — real product screenshots or real people
- Navigation on landing pages — remove nav for paid traffic pages
- Below-fold CTA only — always have CTA above the fold
- No social proof — every landing page needs trust signals
- Slow load time — every 100ms delay costs 1% conversion
- Desktop-only design — 60%+ traffic is mobile
Integration with Other Skills
- cro-auditor — Broader CRO audit framework; this skill deep-dives on individual pages
- ab-testing-framework — Test the changes this skill recommends
- copywriting-frameworks — Apply PAS/AIDA to landing page copy
- frontend-design — Implement the optimized page design
- technical-seo-audit — Page speed and technical optimization
© thatrebeccarae, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
SKILL.md and 3 other files in skills/landing-page-optimizer of thatrebeccarae/claude-marketing.
- SKILL.md
- EXAMPLES.md
- LICENSE
- REFERENCE.md
Open the folder on GitHubat commit a8a63ec
Compare with similar skills
Landing Page Optimizer 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.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Landing Page Optimizer this skillthatrebeccarae/claude-marketing | 161 | — | ~1.1k | Automated safety check: Pass | MIT | |
| Landing CraftEliasOulkadi/shokunin | 114 | — | ~4.5k | Automated safety check: Pass | MIT | |
| Create Websitewondelai/skills | 2.4k | — | ~5.7k | Automated safety check: Pass | MIT | |
| Product Appeal Analyzercuriositech/some_claude_skills | 244 | — | ~2.4k | Automated safety check: Pass | MIT | |
| Page Croborghei/Claude-Skills | 891 | — | ~5.9k | Automated safety check: Pass | MIT | |
| Landing Page Generatorbuildfastwithai/gen-ai-experiments | 785 | — | ~1.5k | Automated safety check: Pass | MIT |
Similar skills
Create Website
wondelai/skills
Guided journey from a blank page to a live, high-converting website, built message-first, then design, then conversion.
Product Appeal Analyzer
curiositech/some_claude_skills
Evaluate product desirability, market positioning, and emotional resonance—the complement to friction analysis.
Page Cro
borghei/Claude-Skills
Landing page and marketing page conversion rate optimization covering value proposition clarity, headline effectiveness, CTA hierarchy, visual flow, social proof placement, objection handling, and…
Landing Page Generator
buildfastwithai/gen-ai-experiments
Builds a single self-contained HTML landing page from a template with copy frameworks, four themes and SEO meta, then runs bundled audit scripts for conversion and speed.
Ads Competitors
zubair-trabzada/ai-ads-claude
Competitive Ad Intelligence. An agent skill from zubair-trabzada/ai-ads-claude.
More from thatrebeccarae/claude-marketing
All 55 skills in this repoGoogle Analytics
thatrebeccarae/claude-marketing
Analyze Google Analytics data, review website performance metrics, identify traffic patterns, and suggest data-driven improvements.
Content Creator
thatrebeccarae/claude-marketing
Comprehensive content marketing toolkit with brand voice analysis, SEO optimization scripts, content frameworks, social media strategy, and content calendar planning.
Klaviyo Analyst
thatrebeccarae/claude-marketing
Klaviyo marketing operations and analyst expertise. An agent skill from thatrebeccarae/claude-marketing.
Klaviyo Developer
thatrebeccarae/claude-marketing
Klaviyo API and developer integration expertise. An agent skill from thatrebeccarae/claude-marketing.
Looker Studio
thatrebeccarae/claude-marketing
Looker Studio (formerly Google Data Studio) expertise. An agent skill from thatrebeccarae/claude-marketing.
Shopify
thatrebeccarae/claude-marketing
Shopify e-commerce platform marketing expertise. An agent skill from thatrebeccarae/claude-marketing.
Related
Categories
Questions about Landing Page Optimizer
What does Landing Page Optimizer do?
Landing page audit and optimization for conversion. An agent skill from thatrebeccarae/claude-marketing. Landing Page Optimizer is an agent skill from thatrebeccarae/claude-marketing. Landing page audit and optimization for conversion.
When should I use Landing Page Optimizer?
Landing Page Optimizer fits situations like: the user asks about landing page optimization; conversion rate improvement; CTA optimization.
How do I install Landing Page Optimizer in Claude Code?
Run `npx skills add thatrebeccarae/claude-marketing --skill landing-page-optimizer -a claude-code`. Or copy the skill folder (skills/landing-page-optimizer in thatrebeccarae/claude-marketing) into .claude/skills/landing-page-optimizer in your project. Claude Code loads it when a task matches its description.
How do I install Landing Page Optimizer in Codex?
Run `npx skills add thatrebeccarae/claude-marketing --skill landing-page-optimizer -a codex`. Or copy the skill folder (skills/landing-page-optimizer in thatrebeccarae/claude-marketing) into .agents/skills/landing-page-optimizer in your project. Codex loads it when a task matches its description.
Can I use Landing Page Optimizer 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 thatrebeccarae/claude-marketing --skill landing-page-optimizer -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-optimizer, .gemini/skills/landing-page-optimizer, .github/skills/landing-page-optimizer and .opencode/skills/landing-page-optimizer in your project.
What does Landing Page Optimizer need to run?
Going by SKILL.md and its folder, Landing Page Optimizer needs the command-line tools its instructions call (git).
Does Landing Page Optimizer access the network?
SKILL.md contains no URLs. Its commands use git, which can reach the network depending on how they are called. This is read from the text; nothing was executed.
Is Landing Page Optimizer 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 Optimizer use?
Landing Page Optimizer is published under the MIT licence (declared in SKILL.md). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does Landing Page Optimizer use?
About 1.1k tokens (SKILL.md is roughly 4.3k 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 Optimizer?
Skills that share tags, products or a category with Landing Page Optimizer: Landing Craft (EliasOulkadi/shokunin, 114 stars), Create Website (wondelai/skills, 2.4k stars), Product Appeal Analyzer (curiositech/some_claude_skills, 244 stars) and Page Cro (borghei/Claude-Skills, 891 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Landing Page Optimizer?
thatrebeccarae (a GitHub user) maintains it in thatrebeccarae/claude-marketing, which has 161 GitHub stars. The repository holds 55 skills in this directory. The repository was last updated on May 14, 2026.
Source: thatrebeccarae/claude-marketing on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.