tenfoldmarc

Landing Page Skill — Development skill for Claude Code

Development community

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

  1. You describe your lead magnet (free guide, checklist, tool, etc.)
  2. Claude writes the landing page copy and shows you for approval
  3. Builds a full Next.js page: landing page + thank you page + form submission
  4. Picks fonts, colors, and layout based on your brand
  5. Shows you a local preview before deploying
  6. 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