Does this skill generate real marketing copy?

Yes, unlike generic generators that use lorem ipsum, this skill applies frameworks like PAS and AIDA to write actual, persuasive copy based on your specific product description.

How does it handle SEO and performance?

The skill targets Core Web Vitals (LCP < 1s) and automatically includes FAQ schema, meta tags, and semantic HTML to ensure high search engine rankings.

Is the generated code ready for production?

Absolutely. It outputs TypeScript (TSX) components using Tailwind CSS and includes SEO best practices like schema markup and performance-optimized layouts.

What design styles are supported?

You can choose between four professional styles: Dark SaaS, Clean Minimal, Bold Startup, and Enterprise, each with its own optimized Tailwind color palette and typography.

Can I use this for A/B testing?

Yes, it is ideal for generating multiple variants of the same page using different copy frameworks or hero layouts to see which converts better.

Landing Page Generator

Name: Landing Page Generator
Author: oabdelmaksoud

byoabdelmaksoud

0•

마케팅 자동화

Generates high-converting, production-ready React landing pages using proven marketing frameworks and optimized Tailwind CSS components.

The Landing Page Generator is a powerful Claude Code skill designed for product teams and developers who need to launch conversion-optimized web pages rapidly. It goes beyond simple templates by generating functional Next.js/React components with built-in SEO schema, sub-second performance targets, and actual persuasive copy based on frameworks like PAS (Problem-Agitate-Solution) and AIDA. Whether you are launching an MVP or A/B testing a campaign, this skill provides a comprehensive library of hero sections, pricing tables, and feature grids across four distinct design styles—Dark SaaS, Clean Minimal, Bold Startup, and Enterprise.

주요 기능

01Automated SEO optimization including meta tags and FAQ schema markup.

02Four distinct design styles with pre-configured Tailwind CSS utility classes.

03Proven copy frameworks including PAS, AIDA, and BAB for conversion-led writing.

040 GitHub stars

05Performance-first components targeting LCP < 1s and minimal layout shifts.

06Comprehensive section library with pricing tiers, testimonials, and hero variants.

사용 사례

01Rapidly launching a high-converting landing page for a new product or MVP.

02Generating A/B variants of marketing pages to test different copy frameworks.

03Converting static product descriptions into production-grade Next.js components.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add oabdelmaksoud/superclaw landing-page-generator

For use in Claude.ai and ChatGPT

주요 기능

01Automated SEO optimization including meta tags and FAQ schema markup.

02Four distinct design styles with pre-configured Tailwind CSS utility classes.

03Proven copy frameworks including PAS, AIDA, and BAB for conversion-led writing.

040 GitHub stars

05Performance-first components targeting LCP < 1s and minimal layout shifts.

06Comprehensive section library with pricing tiers, testimonials, and hero variants.

사용 사례

01Rapidly launching a high-converting landing page for a new product or MVP.

02Generating A/B variants of marketing pages to test different copy frameworks.

03Converting static product descriptions into production-grade Next.js components.