skills.rest
Sheshiyer
SheshiyerCOMMUNITY
Explore all skills by this author →
Website𝕏@witnessalchemstGitHub

landing-page-design

Design landing pages with layout rules, hero sections, and mobile-first guidance.

4|1|Updated Feb 10, 2026
Search Tags:#design#conversion#landing-page#cta#mobile-design#social-proof
One-click install
npx skills add https://github.com/Sheshiyer/brandmint-oracle-aleph --skill landing-page-design-sheshiyer
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: landing-page-design
Source: https://github.com/Sheshiyer/brandmint-oracle-aleph/tree/main/skills/external/inference-sh/upstream/ab546d072f1e/guides/design/landing-page-design
Command: npx skills add https://github.com/Sheshiyer/brandmint-oracle-aleph --skill landing-page-design-sheshiyer

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Designing high-converting landing pages quickly and consistently, by codifying layout best practices, hero sections, and CTA psychology into a reusable guide.

Core Features & Use Cases

  • Above-the-fold formula, hero-section design, CTA psychology, and social-proof placement.
  • Mobile-first design guidance and reading patterns (F-pattern) to maximize engagement.
  • Use cases include startup landing pages, product pages, SaaS marketing, and conversion optimization workflows.

Quick Start

Provide a ready-to-use landing page outline for a SaaS product following the above-the-fold formula and CTA guidelines.

Frequently Asked Questions about landing-page-design

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I design a high-converting landing page for a SaaS product?▼

Design high-converting SaaS landing pages by applying an above-the-fold formula, hero-section layout rules, and CTA psychology to maximize user engagement and drive conversions.

What goes into above-the-fold optimization for a startup landing page?▼

Above-the-fold optimization involves structuring the hero section with clear value propositions and CTA psychology, ensuring visitors see the most critical conversion elements before scrolling.

Where should I place social proof on a marketing landing page?▼

Social-proof placement on a landing page should strategically follow the hero section and CTA, leveraging layout best practices to build trust and encourage conversion.

Does mobile-first design impact landing page conversion rates?▼

Mobile-first design significantly impacts landing page conversion by optimizing reading patterns, such as the F-pattern, to maximize engagement and usability on smaller screens.

Can I use this landing page design approach for product pages?▼

Yes, you can apply this landing page design approach to product pages, as it codifies layout best practices, hero design, and CTA guidelines for various marketing campaigns.

What is the best way to structure a CTA on a startup landing page?▼

The best way to structure a CTA on a startup landing page is by applying CTA psychology and layout rules, ensuring the button aligns with the above-the-fold formula to convert faster.

Related Skills

Explore More Design & Creative Skills→
liangdabiaoliangdabiao
42

amazon-a-plus-content

Plan and create Amazon A+ content with module layouts and comparison charts.

Community
Advanced
EmasoftEmasoft

amvcp-share-pages

Deploy a self-contained HTML page to Vercel and return a public live URL.

Community
Intermediate
deichworxdeichworx

smart-swap-branding

Apply official Smart Swap branding tokens to UI components.

Community
Basic
qqrusqqrus

ux-designer

Provide UX design guidelines for user research, wireframing, prototyping, and information architecture.

Community
Advanced