// Generate complete, deploy-ready landing pages from any repository. Use when creating a homepage for an open-source project, building a project website, converting a README into a marketing page, or standardizing landing pages across multiple repos.
Transform CHANGELOG entries into social content (LinkedIn, Twitter/X, Newsletter, Slack) in FR + EN. Use after releases or weekly to generate ready-to-post content from guide updates.
Interactive skill assessment with personalized learning path generation
Add descriptive prose to bare sections in whitepapers (FR + EN) using 9 parallel agents
Audit version freshness, FR/EN parity, and metadata quality of all whitepapers and recap cards
Daily update check — official Anthropic docs diff + guide/CC releases digest
Compare official Anthropic docs baseline vs current snapshot (no network — instant)
| name | landing-page-generator |
| description | Generate complete, deploy-ready landing pages from any repository. Use when creating a homepage for an open-source project, building a project website, converting a README into a marketing page, or standardizing landing pages across multiple repos. |
| allowed-tools | Read Bash Write |
| effort | medium |
Generate a complete, deploy-ready landing page from any repository by analyzing its documentation and structure.
/landing-page-generator from ~/path/to/repo
/landing-page-generator from ~/path/to/repo --risk-banner --pricing-table
| Option | Description | Default |
|---|---|---|
--risk-banner | Add prominent warning/disclaimer banner above fold | false |
--pricing-table | Include pricing comparison section | false |
--screenshots <path> | Path to screenshots folder | ./assets/ |
--theme [dark|light] | Color theme variant | dark |
--search | Enable Cmd+K search | true |
--output <path> | Output directory | ./[repo-name]-landing/ |
Read and analyze these files from the source repo:
README.md → Primary content source (title, tagline, features, install)
CHANGELOG.md → Version info, recent changes
package.json → Version number, dependencies, metadata
VERSION → Alternative version source
docs/ → Additional documentation pages
assets/ → Screenshots, images
LICENSE → License type for badge
| Source | Target Section | Extraction Method |
|---|---|---|
| README title/badges | Hero | First H1 + shield.io badge lines |
| README TL;DR | Hero tagline | First paragraph or blockquote after title |
| README features | Features grid | H2/H3 sections with bullet lists |
| README install | Quick Start | Code blocks with shell commands |
| README usage | Examples | Code blocks with examples |
| README FAQ | FAQ | Details/summary or H3+P patterns |
| CHANGELOG | What's New | Latest 1-3 releases |
| assets/*.png | Screenshots | Gallery section |
Generate these sections in order:
Header (sticky)
Risk Banner (if --risk-banner)
Hero Section
Architecture/Overview (if diagram in README)
Features Grid
Pricing Table (if --pricing-table)
Screenshots Gallery (if assets exist)
Quick Start Section
Risk Disclosure (if --risk-banner)
FAQ Section
Related Projects (if links in README)
Footer
[project-name]-landing/
├── index.html # Main landing page
├── styles.css # Complete stylesheet
├── search.js # Cmd+K search functionality
├── search-data.js # Search index (FAQ, features)
├── favicon.svg # Generated or copied
├── robots.txt # SEO
├── CLAUDE.md # Project instructions
├── README.md # Landing repo documentation
├── assets/ # Copied screenshots
│ └── [copied from source]
└── .github/
└── workflows/
└── static.yml # GitHub Pages deployment
Before finalizing, verify:
/* Buttons */
.btn, .btn-primary, .btn-secondary, .btn-github-star, .btn-outline
/* Cards */
.feature-card, .comparison-card, .path-card
/* Layout */
.container, .features-grid, .hero, .section
/* Utilities */
.visually-hidden, .skip-link
:root {
--color-bg: #0d1117;
--color-surface: #161b22;
--color-border: #30363d;
--color-text: #c9d1d9;
--color-text-muted: #8b949e;
--color-primary: #58a6ff;
--color-success: #3fb950;
--color-warning: #d29922;
--color-danger: #f85149;
--space-xs: 0.25rem;
--space-sm: 0.5rem;
--space-md: 1rem;
--space-lg: 1.5rem;
--space-xl: 2rem;
--radius: 6px;
}
User: /landing-page-generator from ~/projects/my-project --risk-banner --pricing-table
Output:
Creates ~/projects/my-project-landing/ with:
--risk-banner for projects with legal/ToS considerationsSee references/landing-pattern.md for detailed pattern documentation.
See assets/ for reusable templates and snippets.