Claude MarketplacesSubmit
alirezarezvani avatar

Landing Page Generator

alirezarezvani/claude-skills

Quick way to spin up marketing pages without touching a design tool. You feed it your product details and it generates a complete landing page with hero sections, feature blocks, testimonials, and CTAs. Useful when you need to test messaging for a new feature or want to get something live without waiting on design resources. The output is functional rather than revolutionary, but that's kind of the point. It gets you from idea to published page fast enough that you can actually iterate on copy and positioning instead of bikeshedding layouts.

skills.sh installs
777
GitHub stars
29.5K
last updated
Aug 21, 2026
View on GitHub

Install

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

Installs into .claude/skills of the current project.

Files

Landing Page Generator

Generate high-converting landing pages from a product description. Output complete Next.js/React components with multiple section variants, proven copy frameworks, SEO optimization, and performance-first patterns. Not lorem ipsum — actual copy that converts.

Target: LCP < 1s · CLS < 0.1 · FID < 100ms
Output: TSX components + Tailwind styles + SEO meta + copy variants

Core Capabilities

  • 5 hero section variants (centered, split, gradient, video-bg, minimal)
  • Feature sections (grid, alternating, cards with icons)
  • Pricing tables (2–4 tiers with feature lists and toggle)
  • FAQ accordion with schema markup
  • Testimonials (grid, carousel, single-quote)
  • CTA sections (banner, full-page, inline)
  • Footer (simple, mega, minimal)
  • 4 design styles with Tailwind class sets

Generation Workflow

Follow these steps in order for every landing page request:

SKILL.md on GitHub

Sponsors

Promote your product hereReach 125k+ visitors monthlyPromote your product hereReach 125k+ visitors monthlyAgent CaffeineSponsoredClose your lid, come back to finished workSnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthlyWaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthlyknobsSponsoredSee your site on any phone, any day, in any language

Details

Repository
github.com/alirezarezvani/claude-skills
Categories
Frontend Development, Testing & QA, Debugging, Automation & Workflows, Marketing & SEO, Sales & Marketing
First seen
Jun 3, 2026

More from alirezarezvani/claude-skills

All 267

Recommended

More Frontend Development
1adobe avatarappbuilder-testingadobe/skillsGenerate and run tests for Adobe App Builder actions and UI components. Scaffolds Jest unit tests, integration tests against deployed actions, contract tests fo766skills.sh installs
2kostja94 avatarcomparison-table-generatorkostja94/marketing-skillsWhen the user wants to create, optimize, or audit a comparison table section—an in-page block (HTML table or responsive equivalent) comparing products, methods,765skills.sh installs
3assistant-ui avatartool-uiassistant-ui/tool-uiFind, install, configure, and integrate Tool UI components in React apps using shadcn registry entries, compatibility checks, scaffolded runtime wiring, toolkit762skills.sh installs
4getstream avatarstream-buildergetstream/agent-skillsThe framework-agnostic Stream builder (Steps 0-7 scaffold + enhance + Video audit), being extended to support app kinds beyond web. Use ONLY when the user expli759skills.sh installs
5expo avatarweb-to-nativeexpo/skillsMigrate an existing web React app to a native iOS/Android app with Expo. Use when the user wants to turn a website into a mobile app, port a Next.js/Vite/CRA Re757skills.sh installs
6github avatarreact18-batching-patternsgithub/awesome-copilotProvides exact patterns for diagnosing and fixing automatic batching regressions in React 18 class components. Use this skill whenever a class component has mul756skills.sh installs