cs-landing-page-generatorGenerates high-converting landing pages as complete Next.js/React (TSX) components with Tailwind CSS. Creates hero sections, feature grids, pricing tables, F...
Install via ClawdBot CLI:
clawdbot install alirezarezvani/cs-landing-page-generatorGrade Fair — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Generated Mar 21, 2026
A tech startup needs a high-converting landing page to launch their new software product, targeting early adopters with a clear value proposition and pricing tiers. The page must be performance-optimized for fast loading and include sections like hero, features, pricing, and CTA to drive sign-ups.
An online retailer wants to create a promotional landing page for a seasonal sale or product launch, designed to capture leads and drive immediate purchases. The page includes testimonials, FAQ accordions, and SEO meta tags to improve visibility and conversion rates.
A consulting or agency business needs a landing page to generate leads for their services, focusing on pain points and benefits for a specific target audience. The page uses copy frameworks like PAS or BAB to build trust and includes CTA sections for contact form submissions.
A non-profit organization requires a landing page to raise awareness and donations for a cause, with emotive copy and structured data for SEO. The page features hero variants, testimonial blocks, and a clear CTA to encourage contributions or volunteer sign-ups.
An educator or online course creator wants to market a new course with a landing page that highlights benefits, pricing tiers, and FAQs. The page is designed with a clean-minimal style to appeal to learners and includes performance optimizations for mobile users.
Businesses offering software with recurring monthly or annual fees, using landing pages to showcase features and pricing tiers to convert free trial users into paying subscribers. The page includes A/B testing capabilities to optimize conversion rates over time.
Retailers selling products online, utilizing landing pages for targeted campaigns to drive immediate purchases and reduce bounce rates. The page integrates SEO and structured data to improve search rankings and attract organic traffic.
Service-based businesses like agencies or consultants using landing pages to capture contact information from potential clients, with follow-up nurturing to convert leads into contracts. The page focuses on pain points and benefits to build credibility and trust.
💬 Integration Tip
Integrate this skill by first gathering all required inputs via the trigger format, then run brand voice analysis if available to tailor design and copy, ensuring SEO checklist validation before deployment.
Scored Apr 19, 2026
Use when building UI with shadcn/ui components, Tailwind CSS layouts, form patterns with react-hook-form and zod, theming, dark mode, sidebar layouts, mobile navigation, or any shadcn component question.
Tailwind reference tool. Use when working with tailwind in frontend contexts.
A product creation skill based on the "Bee Website Builder" Open API. It is used to create a new product under a specified site language and product group, w...
A product update skill based on the "Bee Website Builder" Open API. It is used to update an existing product under a specified site language and supports upd...
Build WCAG 2.1 AA compliant websites with semantic HTML, proper ARIA, focus management, and screen reader support. Includes color contrast (4.5:1 text), keyboard navigation, form labels, and live regions. Use when implementing accessible interfaces, fixing screen reader issues, keyboard navigation, or troubleshooting "focus outline missing", "aria-label required", "insufficient contrast".
Use when building Vue 3 applications with Composition API, Nuxt 3, or Quasar. Invoke for Pinia, TypeScript, PWA, Capacitor mobile apps, Vite configuration.