landing-page-generator
Generates high-converting landing pages as complete Next.js/React (TSX) components with Tailwind CSS. Creates hero sections, feature grids, pricing tables, FAQ accordions, testimonial blocks, and CTA sections using proven copy frameworks (PAS, AIDA, BAB). Outputs SEO meta tags, structured data, and performance-optimised code targeting Core Web Vitals (LCP < 1s, CLS < 0.1). Use when the user asks to create a landing page, marketing page, homepage, single-page site, lead capture page, campaign page, promo page, or conversion-optimised web page — or when they want to A/B test landing page variants or replace a static page with one designed to convert.
Install via CLI (Recommended)
clawhub install openclaw/skills/skills/alirezarezvani/cs-landing-page-generatorWhat This Skill Does
The landing-page-generator is a high-performance OpenClaw skill designed to automate the creation of conversion-optimized, responsive web pages. Rather than producing generic templates with placeholder text, this skill crafts production-ready Next.js/React (TSX) components using Tailwind CSS. It integrates proven marketing frameworks—Problem-Agitation-Solution (PAS), Attention-Interest-Desire-Action (AIDA), and Before-After-Bridge (BAB)—to ensure the copy is as effective as the UI. The skill handles the entire front-end stack including Hero sections, pricing tables, FAQ accordions, and footer structures, all while adhering to Core Web Vitals (LCP < 1s, CLS < 0.1) and including SEO meta tags and structured schema data.
Installation
To integrate this skill into your environment, run the following command in your terminal:
clawhub install openclaw/skills/skills/alirezarezvani/cs-landing-page-generator
Use Cases
- Startup Launches: Quickly generate high-converting landing pages for MVPs to validate market interest.
- Campaign Pages: Create custom, optimized pages for specific marketing funnels or ad groups.
- A/B Testing: Rapidly iterate on different copy frameworks or design styles to identify which resonates best with your target demographic.
- Static Site Replacement: Upgrade legacy HTML landing pages to a modern, SEO-compliant React/Tailwind codebase.
- Lead Capture: Build professional, high-trust forms and CTA sections for lead generation campaigns.
Example Prompts
- "I need a landing page for my new AI-powered project management tool. Use the BAB framework with a 'bold-startup' design style. Key benefit is saving 10 hours a week for remote teams."
- "Generate a dark-saas style pricing page for my enterprise cloud backup service. Include three tiers and an FAQ section. Target audience is CTOs at medium-sized firms."
- "Create a conversion-optimized landing page for our new e-book release using AIDA. Our brand voice is professional and authoritative. Include a hero section with a countdown timer component."
Tips & Limitations
- Brand Voice: For the best results, always provide existing brand materials so the skill can perform a voice analysis. This aligns the generated tone with your actual marketing presence.
- Data Completeness: The more detail you provide in the initial trigger (pain points, specific audience), the less the AI has to hallucinate, resulting in higher-converting copy.
- Constraint: This skill focuses on the frontend and copy. It does not include backend logic, API integrations, or database connections, though the code is pre-structured for easy integration into existing Next.js project architectures.
Metadata
Not sure this is the right skill?
Describe what you want to build — we'll match you to the best skill from 16,000+ options.
Find the right skillPaste this into your clawhub.json to enable this plugin.
{
"plugins": {
"official-alirezarezvani-cs-landing-page-generator": {
"enabled": true,
"auto_update": true
}
}
}Tags(AI)
Flags: code-execution
Related Skills
intl-expansion
International market expansion strategy. Market selection, entry modes, localization, regulatory compliance, and go-to-market by region. Use when expanding to new countries, evaluating international markets, planning localization, or building regional teams.
marketing-strategy-pmm
Product marketing skill for positioning, GTM strategy, competitive intelligence, and product launches. Use when the user asks about product positioning, go-to-market planning, competitive analysis, target audience definition, ICP definition, market research, launch plans, or sales enablement. Covers April Dunford positioning, ICP definition, competitive battlecards, launch playbooks, and international market entry. Produces deliverables including positioning statements, battlecard documents, launch plans, and go-to-market strategies.
paid-ads
When the user wants help with paid advertising campaigns on Google Ads, Meta (Facebook/Instagram), LinkedIn, Twitter/X, or other ad platforms. Also use when the user mentions 'PPC,' 'paid media,' 'ad copy,' 'ad creative,' 'ROAS,' 'CPA,' 'ad campaign,' 'retargeting,' or 'audience targeting.' This skill covers campaign strategy, ad creation, audience targeting, and optimization.
qms-audit-expert
ISO 13485 internal audit expertise for medical device QMS. Covers audit planning, execution, nonconformity classification, and CAPA verification. Use for internal audit planning, audit execution, finding classification, external audit preparation, or audit program management.
code-reviewer
Code review automation for TypeScript, JavaScript, Python, Go, Swift, Kotlin. Analyzes PRs for complexity and risk, checks code quality for SOLID violations and code smells, generates review reports. Use when reviewing pull requests, analyzing code quality, identifying issues, generating review checklists.