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
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
ai-content-pipeline
Build multi-step AI content creation pipelines combining image, video, audio, and text. Workflow examples: generate image -> animate -> add voiceover -> merge with music. Tools: FLUX, Veo, Kokoro TTS, OmniHuman, media merger, upscaling. Use for: YouTube videos, social media content, marketing materials, automated content. Triggers: content pipeline, ai workflow, content creation, multi-step ai, content automation, ai video workflow, generate and edit, ai content factory, automated content creation, ai production pipeline, media pipeline, content at scale
explainer-video-guide
Explainer video production guide: scripting, voiceover, visuals, and assembly. Covers script formulas, pacing rules, scene planning, and multi-tool pipelines. Use for: product demos, how-it-works videos, onboarding videos, social explainers. Triggers: explainer video, how to make explainer, product video, demo video, video production, video script, animated explainer, product demo video, tutorial video, onboarding video, walkthrough video, video pipeline
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