# Landing Gen

> Generate landing page code from product descriptions

- Skill: `modbender/landing-gen` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add modbender/landing-gen`
- Raw SKILL.md: https://api.skillmd.com/api/skills/modbender/landing-gen/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools, Marketing & Growth
- Author: modbender (https://skillmd.com/u/modbender)
- Updated: 2026-09-09
- Page: https://skillmd.com/skills/modbender/landing-gen

---


# 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**

- GitHub: [github.com/lxgicstudios/ai-landing](https://github.com/lxgicstudios/ai-landing)
- Twitter: [@lxgicstudios](https://x.com/lxgicstudios)