A CLI utility that transforms your project's package.json into a fully responsive, AI-generated HTML landing page with a single command.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install landing-gen
2. Manual Installation
Copy the skill folder to one of these locations
~/.openclaw/skills/ <project>/skills/ Priority: Workspace > Local > Bundled
3. Prompt Installation
Copy this prompt to OpenClaw to install it automatically.
Help me install landing-gen using Clawhub. If Clawhub is not installed, install it first (npm i -g clawhub).
Prefer to download?
Get the raw skill files in a ZIP archive.
What is Landing Page Generator?
The Landing Page Generator is a high-efficiency utility within the Openclaw Skills ecosystem designed for developers who need professional marketing pages without the overhead of manual design. By leveraging existing project metadata, this skill automates the creation of hero sections, feature grids, and call-to-action components.
This tool eliminates the need for complex templates or time-consuming CSS configuration, providing a one-command solution for project visibility. It is specifically built for creators who want to showcase their work immediately after publishing, ensuring that every project has a polished web presence from day one.
Landing Page Generator Use Cases
- Quick deployment of marketing pages for newly published npm packages.
- Creating professional demo sites for hackathon projects or early-stage prototypes.
- Replacing static GitHub READMEs with interactive, visually appealing landing pages.
- Rapidly scaffolding placeholder sites while a primary website is under development.
How Landing Page Generator Works
- The tool scans the specified directory to locate and parse the project's package.json file.
- Metadata such as the project name, description, keywords, and repository URLs are extracted.
- The extracted data is processed to generate semantic, responsive HTML with integrated styling.
- A single, standalone .html file is generated and saved locally, ready for immediate browser viewing or deployment.
Landing Page Generator Setup
The Landing Page Generator requires Node.js 18+ and can be executed without permanent installation via npx.
# Generate a landing page from the current directory
npx ai-landing .
# Generate a landing page for a specific project path
npx ai-landing ~/projects/my-app
# Specify a custom output filename
npx ai-landing . -o index.html
Landing Page Generator Data Schema & Taxonomy
The skill utilizes the following schema from your package.json to populate the generated landing page:
| Field | Landing Page Component |
|---|---|
| name | Used as the page title and primary branding header. |
| description | Transformed into the main hero sub-headline and body copy. |
| keywords | Mapped to the feature highlight section to showcase project capabilities. |
| repository | Configured as the destination for the primary Call-To-Action button. |
| version | Optionally displayed to show project maturity. |
Landing Page Generator Advanced Features
- Zero-config architecture for immediate generation without manual setup.
- Automatic responsive design ensuring the output looks perfect on mobile, tablet, and desktop.
- Integration with the broader suite of developer tools found in Openclaw Skills.
- Custom output pathing for seamless integration into CI/CD deployment pipelines.
SKILL.md
Loading
Related Openclaw Skills
Kubernetes Manifest Generator (k8s-gen)
An AI-driven CLI tool that transforms Docker Compose files and plain text descriptions into production-ready Kubernetes YAML manifests.
K8s Generator
A developer tool for generating production-ready Kubernetes manifests from docker-compose files or plain English descriptions.
JWT Decode - Token Inspector CLI
A command-line utility for decoding, inspecting, and validating JSON Web Tokens without leaving your terminal.
jsdoc-gen
An automated documentation tool that generates JSDoc or TSDoc comments for exported functions and classes without modifying code logic.
Lazy Load Suggester
An AI-powered performance tool that analyzes component usage to identify and suggest candidates for lazy loading.
Lazy Load Suggester
An AI-powered analysis tool that identifies heavy components for lazy loading to drastically reduce initial bundle sizes.
Featured*
