# landing-page

> Claude/Codex skill by [@mengto](https://omgskills.com/library/mengto/index.md) · 6.8k stars · Updated 2026-10-18

Use when designing or rewriting a high-converting landing page (single-offer page) for SaaS/apps/services. Covers structure, layout patterns, conversion strategies, copywriting, SEO/AEO, and common pitfalls.

## Install

```sh
git clone https://github.com/MengTo/Skills /tmp/Skills && ln -s /tmp/Skills/agent-skills/web-design/landing-page ~/.claude/skills/landing-page
```

## From README

Landing Page (High‑Conversion) — Web Design Skill A landing page is not a homepage. A homepage serves multiple intents. A landing page wins one intent: one offer → one audience → one primary action. Before you design/write Gather (ask if missing): 1) Page purpose What is the ONE primary action? (trial, demo, buy, waitlist, download) What’s the offer? (exactly what do they get?) What counts as conversion? (click, signup, purchase) 2) Audience + context Who is the ICP? What problem are they trying to solve? Top 3 objections (why they don’t convert today) Traffic source: ads / search / social / email What do visitors already know when they land? 3) Proof + assets Any proof points: logos, testimonials, numbers, case studies Screenshots, demo video, product GIFs Guarantees / refund / cancellation terms 4) Constraints Brand voice: casual vs professional Design direction: minimal editorial vs playful 3D vs glass UI Mobile priority?

## Links

- HTML page: https://omgskills.com/library/mengto/skills/landing-page/
- GitHub: https://github.com/MengTo/Skills
- Author: [@mengto](https://omgskills.com/library/mengto/index.md)

## More from this repo

- [animation-on-scroll](https://omgskills.com/library/mengto/skills/animation-on-scroll/index.md) — Used to create an on-scroll animation trigger using IntersectionObserver with Tailwind-friendly animation classes and...
   - [@mengto](https://omgskills.com/library/mengto/index.md) · 7.3k stars
- [animation-systems](https://omgskills.com/library/mengto/skills/animation-systems/index.md) — Used when designing or implementing product-grade web motion like Stripe, Linear, Apple, and Vercel.
   - [@mengto](https://omgskills.com/library/mengto/index.md) · 6.8k stars
- [beautiful-shadows](https://omgskills.com/library/mengto/skills/beautiful-shadows/index.md) — Apply exact Tailwind arbitrary shadow utilities for polished, layered neutral elevation.
   - [@mengto](https://omgskills.com/library/mengto/index.md) · 6.8k stars