界面已本地化;技能介绍与说明文档按所选语言由 AI 自动翻译,代码、命令、路径和专业术语保留原文,以原作者文档为准。
探索技能
开发与工程 · SKILL.md

landing-gen

landing-gen

【开发与工程】Generate landing page code from product descriptions

独立 GitHub 快照 · 自动分类 · 以原作者文档为准

技能说明

GitHub

name: landing-gen 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

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

# 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

我的收藏