Can I choose different design aesthetics?

The skill supports four specific design styles: Dark SaaS, Clean Minimal, Bold Startup, and Enterprise, each with unique Tailwind color palettes and typography.

What tech stack does the Landing Page Generator use?

It generates code using Next.js and React (TSX) with Tailwind CSS for styling, ensuring modern, responsive, and easily customizable layouts.

Are the landing pages optimized for Google Search?

Yes, every page includes meta tags, structured data (JSON-LD), canonical URLs, and is architected to meet Core Web Vitals performance standards.

Does it generate real copy or placeholder text?

It generates actual, conversion-focused copy based on your product description using frameworks like PAS (Problem-Agitate-Solution) or AIDA.

Landing Page Generator

Name: Landing Page Generator
Author: micsapp

bymicsapp

0•

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

Generates high-converting, performance-optimized landing pages using Next.js, React, and Tailwind CSS with integrated marketing frameworks.

The Landing Page Generator skill empowers developers to rapidly build production-grade marketing pages architected for conversion. It automates the creation of complex Next.js and React components—including hero sections, pricing tables, and FAQ accordions—while applying proven copywriting frameworks like PAS, AIDA, and BAB. By prioritizing Core Web Vitals and automatically generating SEO metadata and structured data, it ensures that every generated page is not only visually professional but also technically optimized for search engines and high performance.

主な機能

01Includes four distinct design styles: Dark SaaS, Clean Minimal, Bold Startup, and Enterprise.

02Generates complete Next.js/React components styled with Tailwind CSS.

03Targets Core Web Vitals with performance-first patterns like LCP < 1s.

04Automates SEO optimization with meta tags, schema markup, and OG images.

05Utilizes proven marketing copy frameworks including PAS, AIDA, and BAB.

060 GitHub stars

ユースケース

01Replacing static site templates with SEO-optimized, performance-focused React components.

02Generating multiple A/B test variants for marketing campaign landing pages.

03Creating high-converting lead capture pages for new SaaS product launches.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add micsapp/micstec-skills landing-page-generator

For use in Claude.ai and ChatGPT

主な機能

01Includes four distinct design styles: Dark SaaS, Clean Minimal, Bold Startup, and Enterprise.

02Generates complete Next.js/React components styled with Tailwind CSS.

03Targets Core Web Vitals with performance-first patterns like LCP < 1s.

04Automates SEO optimization with meta tags, schema markup, and OG images.

05Utilizes proven marketing copy frameworks including PAS, AIDA, and BAB.

060 GitHub stars

ユースケース

01Replacing static site templates with SEO-optimized, performance-focused React components.

02Generating multiple A/B test variants for marketing campaign landing pages.

03Creating high-converting lead capture pages for new SaaS product launches.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add micsapp/micstec-skills landing-page-generator

For use in Claude.ai and ChatGPT