What tech stack does the generator support?

It generates complete, production-ready TSX components specifically for Next.js and React environments using Tailwind CSS for styling.

Does it include mobile-responsive components?

Absolutely. All components are built mobile-first using responsive Tailwind breakpoints to ensure they look great on all devices.

Does this skill use placeholder 'lorem ipsum' text?

No, it uses proven copy frameworks like PAS, AIDA, and BAB to generate strategic marketing copy based on your specific product description and target audience.

Is the generated code SEO-friendly?

Yes, every page includes meta tags, JSON-LD structured data schema (like FAQPage), canonical URLs, and is optimized for Core Web Vitals.

Landing Page Generator

Name: Landing Page Generator
Author: zhangzhang-111-i

byzhangzhang-111-i

0•

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

Generates high-converting, performance-optimized landing pages as complete Next.js/React components with Tailwind CSS and proven copy frameworks.

The Landing Page Generator is a specialized Claude Code skill designed to transform product descriptions into production-ready marketing pages. It goes beyond placeholder text by implementing psychological copy frameworks like PAS (Problem-Agitate-Solution) and AIDA, ensuring every section—from hero blocks to pricing tables—is engineered for conversion. Built with a focus on Core Web Vitals and SEO best practices, the skill outputs fully responsive TSX components that include structured data, meta tags, and performance-first patterns, making it ideal for startups and developers who need to ship high-quality marketing sites quickly.

主な機能

01Complete Next.js/React (TSX) components with Tailwind CSS styling

02Psychological copy frameworks including PAS, AIDA, and BAB

03Four distinct design styles: Dark SaaS, Clean Minimal, Bold Startup, and Enterprise

04Automated SEO optimization including meta tags and FAQ schema markup

05Performance-first code targeting Core Web Vitals (LCP < 1s, CLS < 0.1)

060 GitHub stars

ユースケース

01Rapidly prototyping high-converting marketing pages for new SaaS products

02Creating A/B test variants for landing pages using different copy frameworks

03Generating SEO-optimized lead capture and promo pages with integrated schema markup

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add zhangzhang-111-i/claude-skills111 landing-page-generator

For use in Claude.ai and ChatGPT

主な機能

01Complete Next.js/React (TSX) components with Tailwind CSS styling

02Psychological copy frameworks including PAS, AIDA, and BAB

03Four distinct design styles: Dark SaaS, Clean Minimal, Bold Startup, and Enterprise

04Automated SEO optimization including meta tags and FAQ schema markup

05Performance-first code targeting Core Web Vitals (LCP < 1s, CLS < 0.1)

060 GitHub stars

ユースケース

01Rapidly prototyping high-converting marketing pages for new SaaS products

02Creating A/B test variants for landing pages using different copy frameworks

03Generating SEO-optimized lead capture and promo pages with integrated schema markup