landing-page-design
Landing page conversion optimization with layout rules, hero section design, and CTA psychology. Covers above-the-fold formula, social proof placement, mobile design, and F-pattern reading. Use for: startup landing pages, product pages, SaaS marketing, conversion optimization. Triggers: landing page, hero section, above the fold, conversion optimization, landing page design, cta button, hero image, landing page layout, saas landing page, product page design, conversion rate, landing page best practices
Why use this skill?
Optimize your landing pages with expert conversion formulas, hero design strategies, and CTA psychology. Learn to build high-converting above-the-fold sections.
Install via CLI (Recommended)
clawhub install openclaw/skills/skills/okaris/landing-page-designWhat This Skill Does
The landing-page-design skill acts as an expert conversion rate optimization (CRO) consultant within your AI workflow. It provides a structured framework for building high-converting above-the-fold sections, crafting persuasive headlines, and implementing psychological triggers that drive user action. By leveraging AI-generated imagery and real-time market research, it helps bridge the gap between aesthetic design and functional performance for SaaS, product, and startup landing pages.
Installation
You can integrate this skill into your environment using the ClawHub CLI:
clawhub install openclaw/skills/skills/okaris/landing-page-design
Use Cases
- Startup Launch: Quickly prototyping landing page layouts that effectively communicate value to early adopters.
- SaaS Optimization: A/B testing variations of hero sections to improve click-through rates on primary CTA buttons.
- Content Strategy: Generating compelling headline variations based on proven conversion formulas.
- Visual Asset Creation: Producing high-quality marketing imagery that focuses on user outcomes rather than technical product screenshots.
Example Prompts
- "Analyze my current landing page hero section. I have a 3% conversion rate and want to use the above-the-fold formula to improve my subheadline and CTA placement."
- "Generate three headline options for a productivity app using the '[Outcome] without [pain]' formula."
- "Create a prompt for the flux-dev model that visualizes the 'outcome' of a project management tool for creative agencies to use as a background hero image."
Tips & Limitations
- Focus on Outcomes: Always prioritize showing the user's end-state satisfaction in hero images rather than just displaying your software interface.
- Iterate: Use the search-assistant tool to research competitor benchmarks, but ensure your brand voice remains unique.
- Performance: While the skill provides design guidance, actual conversion rates depend on traffic quality and product-market fit. Always perform A/B testing on your live pages.
- Limitations: The skill is designed for structural and psychological guidance; it does not replace professional UI/UX designer input for complex custom layouts.
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-okaris-landing-page-design": {
"enabled": true,
"auto_update": true
}
}
}Tags(AI)
Flags: network-access, external-api
Related Skills
content-repurposing
Content atomization — turn one piece of content into many formats. Covers blog-to-thread, blog-to-carousel, podcast-to-blog, video-to-quotes, and more. Use for: content marketing, social media, multi-platform distribution, content strategy. Triggers: content repurposing, repurpose content, content atomization, content recycling, one to many content, multi platform content, cross post, adapt content, reformat content, blog to thread, blog to video, podcast to blog, content multiplication
product-changelog
Product changelog and release notes that users actually read. Covers categorization, user-facing language, visuals, and distribution. Use for: release notes, changelogs, product updates, feature announcements, versioning. Triggers: changelog, release notes, product update, version notes, what's new, feature announcement, product changelog, update log, release announcement, version release, product release, ship notes
logo-design-guide
Logo design principles and AI image generation best practices for creating logos. Covers logo types, prompting techniques, scalability rules, and iteration workflows. Use for: brand identity, startup logos, app icons, favicons, logo concepts. Triggers: logo design, create logo, brand logo, logo generation, ai logo, logo maker, icon design, brand mark, logo concept, startup logo, app icon logo
product-photography
AI product photography with studio lighting, lifestyle shots, and packshot conventions. Covers angles, backgrounds, shadow types, hero shots, and e-commerce image requirements. Use for: product photos, e-commerce images, Amazon listings, packshots, lifestyle photography. Triggers: product photography, product photo, packshot, e-commerce photography, product shot, product image, studio photography, lifestyle product, amazon product photo, product listing image, hero shot, product mockup, commercial photography
newsletter-curation
Newsletter curation with content sourcing, editorial structure, and subscriber growth strategies. Covers issue formatting, link roundups, commentary style, and sending cadence. Use for: email newsletters, link roundups, weekly digests, curated content, creator newsletters. Triggers: newsletter, email newsletter, newsletter curation, weekly digest, link roundup, curated newsletter, newsletter writing, newsletter format, subscriber growth, newsletter strategy, content curation, newsletter template