landing-gen

What This Skill Does

The landing-gen skill is an automated tool designed for developers who need to quickly transform their project's package.json file into a professional, responsive landing page. By parsing your project metadata—such as the name, description, keywords, and repository links—it automatically generates a cohesive, aesthetically pleasing HTML file. It handles the design, responsive structure, and semantic markup, allowing developers to bypass hours of manual front-end development. The output is a single HTML file with inline styling, making it highly portable and ideal for rapid deployment on platforms like GitHub Pages or Netlify.

Installation

To install this skill within your OpenClaw agent, use the following command in your terminal: clawhub install openclaw/skills/skills/lxgicstudios/landing-gen

Ensure you have Node.js 18+ installed on your system to ensure full compatibility with the underlying tool requirements. Once installed, the skill integrates directly into your agent's capability suite, enabling you to generate sites via natural language requests.

Use Cases

• Rapid Documentation: Quickly spin up a marketing site for a new npm package to improve discoverability.
• Hackathon Velocity: Create a professional-looking project landing page during a time-constrained event.
• Placeholder Sites: Deploy a polished landing page while waiting for the final, custom-built website to be completed.
• GitHub README Enhancements: Give your open-source projects a superior first impression that goes beyond the standard markdown view.

Example Prompts

1. "Use landing-gen to create a marketing page for the current repository and save it as index.html."
2. "Generate a landing page for my project in the folder ~/projects/my-api-wrapper using the landing-gen tool."
3. "Create a quick landing page based on my package.json so I can deploy it to GitHub pages today."

Tips & Limitations

To maximize the quality of the generated output, ensure your package.json is well-maintained; specifically, use a clear, descriptive project summary and relevant keywords. While landing-gen is excellent for fast, static output, it is meant as a starting point. Since it generates a single HTML file, it does not support complex database-backed features or multi-page routing. If you require advanced branding or custom interactivity, use the output as a boilerplate and manually edit the CSS or HTML structure after generation.