Landing Page

This generates a complete, self-contained landing page as a single HTML file with Tailwind via CDN. No build step, no dependencies. It walks you through a brief (business name, value prop, CTAs, brand colors), then outputs semantic HTML with hero, features, social proof, optional pricing, FAQ, and footer. Includes responsive design, a three-state dark mode toggle, OG tags, and accessibility basics like proper heading hierarchy and focus states. The workflow is thorough but prescriptive, down to specific section patterns and Australian phone formatting. Good for spinning up marketing pages, product launches, or coming soon pages when you want something you can open in a browser or drag to Netlify immediately. No lorem ipsum, no broken grids.

skills.sh installs: 1.5K
GitHub stars: 1.1K
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add jezweb/claude-skills --skill landing-page --agent claude-code

Installs into .claude/skills of the current project.

Files

Landing Page Generator

Generate a complete, deployable landing page as a single HTML file. No build step, no dependencies — open it in a browser or deploy anywhere.

Workflow

1. Gather the Brief

Ask the user for:

Field	Required	Example
Business/product name	Yes	"Acme Plumbing"
Value proposition	Yes	"24/7 emergency plumbing across Newcastle"
Target audience	Yes	"Homeowners in the Hunter Valley"
Primary CTA	Yes	"Call Now" / "Get a Quote" / "Sign Up"
Secondary CTA	No	"Learn More" / "View Pricing"
Brand colours	No	Primary: #1E40AF, accent: #F59E0B
Logo URL or text	No	URL to logo image, or just use business name
Phone / email	No	For contact section
Sections wanted	No	Default: hero, features, testimonials, FAQ, footer