landing-page-generator-openclaw_skill

This skill generates production-ready, mobile-responsive landing pages from a brief, optimizing for conversions and fast deployment.
  • Python

2.5k

GitHub Stars

2

Bundled Files

2 months ago

Catalog Refreshed

4 months ago

First Indexed

Readme & install

Copy the install command, review bundled files from the catalogue, and read any extended description pulled from the listing source.

Installation

Preview and clipboard use veilstrat where the catalogue uses aiagentskills.

npx veilstrat add skill openclaw/skills --skill landing-page-generator-openclaw

  • _meta.json311 B
  • SKILL.md6.0 KB

Overview

This skill generates production-ready, mobile-responsive landing pages from a short brief. It produces a single self-contained HTML file with embedded CSS, optimized for conversions and fast loading. Use it to quickly turn product or service details into a conversion-focused page you can hand off or deploy.

How this skill works

Provide a brief describing product type, target audience, primary CTA, key features, pricing, and tone. The skill analyzes the brief, selects an appropriate template (SaaS, service, portfolio, lead magnet, e-commerce, event), and builds a complete page: hero, features, social proof, how-it-works, pricing, FAQ, and final CTA. The output follows a consistent design system (Inter font, defined color variables, responsive breakpoints) and emphasizes above-the-fold clarity, a single primary CTA, accessibility contrast, and no external JavaScript.

When to use it

  • Building a new landing page for a product, service, or promotion quickly
  • Creating sales or marketing pages for client handoffs
  • Prototyping multiple page variations for A/B testing
  • Generating portfolio or lead-magnet pages for freelancers and agencies
  • Producing event or product launch pages with clear CTAs

Best practices

  • Provide a detailed brief: audience, CTA, key benefits, and tone for best results
  • Keep a single primary CTA and repeat it 2–3 times with different angles
  • Supply brand colors and logos to override defaults for faster polish
  • Replace placeholder images and testimonials with real assets before launch
  • Verify form endpoints or connect your email provider before publishing

Example use cases

  • SaaS: a homepage and pricing section for a remote project-management app with a free-trial CTA
  • Service: a consultant landing page focused on booking calls and showcasing process
  • Portfolio: a minimalist freelance developer page with work samples and contact CTA
  • Lead magnet: short page offering a downloadable guide in exchange for email
  • Event: speaker, schedule, and ticket CTA page for a virtual workshop

FAQ

A single self-contained HTML file with embedded CSS and placeholder assets, ready to deploy.

Can I customize colors and fonts?

Yes — the page uses CSS variables for primary colors and loads Inter from Google Fonts for easy override.

Is the page responsive and accessible?

Yes — it targets mobile, tablet, and desktop breakpoints, uses semantic HTML, and ensures CTA contrast meets WCAG AA.

Built by
VeilStrat
AI signals for GTM teams
© 2026 VeilStrat. All rights reserved.All systems operational