Landing Page Skill — Development skill for Claude Code
Build a complete lead magnet landing page in one conversation.
How to install Landing Page Skill
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open tenfoldmarc/landing-page-skill and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
What Landing Page Skill does
Build a complete lead magnet landing page in one conversation. Tell Claude what you're giving away, it writes the copy, builds a Next.js page with an opt-in form, and optionally deploys it to Vercel.
Alternatives in Development
- Shanyin Screenwriting Master — 山音超级编剧大师——由 @山音 设计的全格式影视编剧技能 285 ★
- Env — Manage Vercel environment variables 263 ★
- 15 — Build a Next.js 14 portfolio landing page with a full-screen hero section and an animated loading screen 152 ★
README
Landing Page Builder
A Claude Code Skill by [@tenfoldmarc](https://www.instagram.com/tenfoldmarc)
Build a complete lead magnet landing page in one conversation. Tell Claude what you're giving away, it writes the copy, builds a Next.js page with an opt-in form, and optionally deploys it to Vercel. You go from idea to live page without writing a single line of code.
What It Does
- You describe your lead magnet (free guide, checklist, tool, etc.)
- Claude writes the landing page copy and shows you for approval
- Builds a full Next.js page: landing page + thank you page + form submission
- Picks fonts, colors, and layout based on your brand
- Shows you a local preview before deploying
- Deploys to Vercel (optional) — gives you a live URL
Requirements
- A Mac, Linux, or Windows computer
- Claude Code installed and working
- Node.js v18+ installed
- A webhook URL for form submissions (GoHighLevel, Zapier, Make, n8n, or any URL that accepts POST)
**Optional:**
- Vercel CLI for one-command deployment (
npm i -g vercel)
Don't worry about checking these manually — the skill verifies everything on first run.
Install
Step 1 — Open your terminal
**Mac:** Press `Command + Space`, type **Terminal**, hit Enter. **Windows:** Press `Win + R`, type **cmd**, hit Enter. (If you have Git Bash, use that instead.) **Linux:** Open your terminal app.
Step 2 — Run this command
git clone https://github.com/tenfoldmarc/landing-page-skill ~/.claude/skills/landing-page
Step 3 — Open Claude Code
claude
Step 4 — Run the skill
/landing-page
First run asks for your brand name, colors, and form webhook setup.
Usage
**Build a page for a free guide:**
/landing-page
I have a free guide on "How to Automate Your Sales Pipeline with AI"
Here's the link: https://notion.so/my-guide
**Build
Related Skills
Openclaw Agent
Autonomous agent prompt that finds local businesses without websites, builds them premium sites, deploys to Ve
Conversion Copywriter Skill
Writes conversion copy from scratch — landing pages, emails, and long-form Facebook ads. Built on Harry Dry's
Copy Skill
Write high-converting copy for sales pages, landing pages, upsell pages, VSLs, webinars, cold emails, Meta ads
Lead Magnet
Execute lead-magnet skill (Cycle 4 Educate/Nurture)
Productize
Run Hormozi's Productized Objection Mapping (Mode 1). Turns every buyer objection into a named, tangible asset
Copy Thief
Skill do Claude para escrever copy de alta conversao (landing pages, advertoriais, VSL) para trafego frio de M
Related Agents
Web Builder
Builds and ships marketing websites, landing pages and brochure sites on Next.js App Router and Vercel. Use fo
Content Creator
Invoke when the user needs any form of marketing content created or refined — blog posts, ad copy, email campa
Nexus
GitHub and deployment specialist. Invoke for: pushing code, creating branches and PRs, GitHub operations (gh C