What design styles are available?

You can choose from four specific Tailwind-based design styles: Dark SaaS, Clean Minimal, Bold Startup, and Enterprise.

Is the generated code optimized for SEO?

Yes, it automatically generates SEO meta tags, Open Graph images, canonical URLs, and schema markup like FAQPage and Product structured data.

Does it use placeholder text like lorem ipsum?

No, it generates actual, contextually relevant marketing copy based on your specific product description and target audience.

What marketing frameworks does the generator support?

It supports three proven copywriting frameworks: PAS (Problem-Agitate-Solution), AIDA (Attention-Interest-Desire-Action), and BAB (Before-After-Bridge).

How does it ensure high performance?

The skill follows performance best practices including image preloading (LCP), explicit dimensions to prevent layout shift (CLS), and lean bundle optimization.

Landing Page Generator

Name: Landing Page Generator
Author: alirezarezvani

byalirezarezvani

•

9,958

•

マーケティングオートメーション

Generates high-converting Next.js landing pages with Tailwind CSS and proven marketing copy frameworks.

This skill empowers Claude to build production-ready landing pages by combining high-performance React/Next.js code with expert marketing psychology. It automates the creation of essential sections—such as heroes, pricing tables, and FAQ accordions—while applying copy frameworks like PAS or AIDA to ensure conversion focus. Designed with SEO and Web Vitals in mind, it handles technical details like structured data and performance optimization, making it ideal for developers and marketers needing rapid, high-quality web deployments.

主な機能

01Marketing frameworks (PAS, AIDA, BAB) for conversion-optimized copy

02Performance-first code targeting Core Web Vitals (LCP < 1s)

039,958 GitHub stars

04Multi-style design templates (Dark SaaS, Minimal, Startup, Enterprise)

05Automated SEO meta tags and JSON-LD structured data generation

06Customizable Next.js/React components with Tailwind CSS styling

ユースケース

01Replacing static homepages with SEO-optimized, lead-capturing React components

02Rapidly prototyping high-converting marketing pages for SaaS products

03Generating A/B test variants for existing landing pages

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add alirezarezvani/claude-skills landing-page-generator

For use in Claude.ai and ChatGPT

主な機能

01Marketing frameworks (PAS, AIDA, BAB) for conversion-optimized copy

02Performance-first code targeting Core Web Vitals (LCP < 1s)

039,958 GitHub stars

04Multi-style design templates (Dark SaaS, Minimal, Startup, Enterprise)

05Automated SEO meta tags and JSON-LD structured data generation

06Customizable Next.js/React components with Tailwind CSS styling

ユースケース

01Replacing static homepages with SEO-optimized, lead-capturing React components

02Rapidly prototyping high-converting marketing pages for SaaS products

03Generating A/B test variants for existing landing pages

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add alirezarezvani/claude-skills landing-page-generator

For use in Claude.ai and ChatGPT