Turn repository documentation and images into a complete landing page with features, setup instructions, and FAQs. Generate static HTML, CSS, and JavaScript files, plus a GitHub Actions workflow for publishing on GitHub Pages.
中文简介正在准备中。当前显示英语简介。
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.
安装前可以查看交给 AI 代理的指令内容。
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.
还没有评价。欢迎分享你的使用感受。
无需登录即可发表。欢迎分享使用感受、提问，或说明在哪些环境下无法运行。
还没有评论。来写第一条吧。
Evaluate Claude Code agents, skills, and commands with weighted quality criteria. Get scores, readiness grades, template comparisons, and practical improvement suggestions in Markdown or JSON reports to guide reviews before release.
中文简介正在准备中。当前显示英语简介。
Assess a codebase across seven areas, including exposed credentials, security, dependencies, structure, and tests. Receive category scores, findings tied to file locations, and a prioritized improvement plan with smaller tasks that can be completed quickly.
中文简介正在准备中。当前显示英语简介。
Measure code patterns such as casts to any or disabled lint rules, then run repeated, targeted edits. Keep changes that improve the chosen metric, revert unsuccessful changes, and track results for each improvement loop.
中文简介正在准备中。当前显示英语简介。
Generate several separate solutions, compare them against criteria fixed in advance, and verify the selected result through executable checks or an independent reviewer. Keep a proof log documenting candidates, evidence, failures, and remaining limits.
中文简介正在准备中。当前显示英语简介。
Monitor a live application after deployment and compare it with a saved baseline, a record of its earlier state. Check page responses, loading times, and new errors, flag persistent changes, and produce a per-page health report.
中文简介正在准备中。当前显示英语简介。
Rebuild project context after clearing a conversation or returning to work. Review recent Git history, uncommitted changes, and TODO markers to get a structured summary of project status and suggested next steps.
中文简介正在准备中。当前显示英语简介。