AgentSkillsCN

landing-gen-2

根据产品描述生成着陆页代码

SKILL.md
--- frontmatter
name: landing-gen-2
description: Generate landing page code from product descriptions

Landing Page Generator

Describe your product, get a conversion-optimized landing page. React + Tailwind, ready to deploy.

Quick Start

bash
npx ai-landing "AI tool that writes documentation"

What It Does

  • •Generates full landing page code
  • •Includes hero, features, pricing, CTA
  • •Mobile-responsive design
  • •SEO meta tags included
  • •Conversion-optimized copy

Usage Examples

bash
# Generate from description
npx ai-landing "SaaS for project management"

# Specify sections
npx ai-landing "API monitoring tool" --sections hero,features,pricing,faq

# Choose style
npx ai-landing "Developer tool" --style minimal

Output Includes

  • •React/Next.js component
  • •Tailwind CSS styling
  • •Responsive design
  • •Dark mode support
  • •Placeholder images

Sections Generated

  • •Hero with value prop
  • •Social proof
  • •Feature grid
  • •Pricing table
  • •FAQ accordion
  • •CTA footer

Requirements

Node.js 18+. OPENAI_API_KEY required.

License

MIT. Free forever.

Built by LXGIC Studios