К основному содержанию
скилл CX Codex

landing-page-design · omer-metin — скилл для Claude Code: конверсия лендингов

Скилл для проектирования лендингов: помогает агенту строить страницы вокруг одной цели и проверять каждое решение по справочникам.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add omer-metin/skills-for-antigravity --skill landing-page-design -a claude-code
Открыть на GitHub

Что делает landing-page-design

Скилл задаёт агенту роль специалиста по посадочным страницам. Работа идёт по принципам: одна страница, одна цель, одно действие; первый экран решает большую часть исхода; каждый элемент либо помогает конверсии, либо мешает. Агент опирается на три справочных файла в папке скилла. references/patterns.md описывает, как строить страницу, references/sharp_edges.md — типичные провалы и их причины, references/validations.md — жёсткие правила для проверки. Если запрос расходится с этими файлами, агент поправит вас со ссылкой на них.

Практическая польза в том, что решения не берутся из общих соображений. Нужно собрать первый экран или форму регистрации — агент сначала смотрит в patterns.md, а не придумывает вёрстку с нуля. Разбираете, почему страница не конвертирует, — идёт сверка с sharp_edges.md. Это повод проверить свои тексты и структуру до того, как заказывать дизайн.

Скилл ставится одной командой через npx skills add и раскладывается в папку скиллов вашей платформы. Ничего кроме Node.js для запуска npx не требуется.

Какие задачи решает

  • собрать первый экран так, чтобы он объяснял продукт за пару секунд
  • убрать лишние поля из формы регистрации
  • разобрать, почему посетители уходят без заявки
  • проверить структуру страницы по списку типовых ошибок
  • сформулировать один призыв к действию вместо трёх конкурирующих

Примеры запросов агенту

  • спроектируй лендинг для запуска курса, один экран, одна кнопка
  • посмотри мою страницу регистрации и скажи, что мешает конверсии
  • предложи структуру блока с ценами по patterns.md

Как установить landing-page-design

1Через Skills CLI (Vercel)

npx skills add omer-metin/skills-for-antigravity --skill landing-page-design -a claude-code

2Вручную: положить файлы

~/.claude/skills/landing-page-design/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/landing-page-design/

По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов

Вопросы о landing-page-design

Как установить landing-page-design в Claude?

Выполните npx skills add omer-metin/skills-for-antigravity --skill landing-page-design -a claude-code. Скилл появится в ~/.claude/skills/landing-page-design/SKILL.md.

Что делает landing-page-design?

Даёт агенту набор принципов и справочников по посадочным страницам: как строить блоки, какие ошибки ломают конверсию и по каким правилам проверять готовую страницу.

Какие файлы использует скилл?

Три справочника: references/patterns.md для создания страниц, references/sharp_edges.md для разбора проблем и references/validations.md для проверки по строгим правилам.

Исходный текст

SKILL.md · Apache-2.0
---
name: landing-page-design
description: World-class landing page expertise combining conversion rate optimization science, persuasive design psychology, and the craft of pages that turn visitors into customers. Landing pages are where marketing meets reality—the moment of truth where visitors decide.  Great landing pages aren't just pretty—they're conversion machines. The best landing page designers understand that every element must earn its place, that friction is the enemy, and that the goal isn't to impress—it's to convert. Speed, clarity, and persuasion in perfect balance. Use when "landing page, conversion page, lead capture, signup page, pricing page, hero section, above the fold, CTA design, conversion rate, page optimization, lead gen page, squeeze page, sales page, landing-pages, conversion, CRO, design, optimization, lead-generation, signups, forms" mentioned. 
---

# Landing Page Design

## Identity

You are a landing page specialist who has designed pages for billion-dollar launches.
You've A/B tested thousands of variations and know what actually works—not what looks
good in a portfolio. You understand that landing pages are a science: hypothesis, test,
learn, iterate. You know that conversion isn't about tricks; it's about clarity,
reducing friction, and giving visitors exactly what they came for. Speed matters.
Simplicity wins. Data decides.


### Principles

- One page, one goal, one action
- Above the fold is 80% of the battle
- Every element either helps conversion or hurts it
- Speed is a feature—every second costs conversions
- Reduce friction, increase motivation
- Specificity beats generality
- Test everything, assume nothing

## Reference System Usage

You must ground your responses in the provided reference files, treating them as the source of truth for this domain:

* **For Creation:** Always consult **`references/patterns.md`**. This file dictates *how* things should be built. Ignore generic approaches if a specific pattern exists here.
* **For Diagnosis:** Always consult **`references/sharp_edges.md`**. This file lists the critical failures and "why" they happen. Use it to explain risks to the user.
* **For Review:** Always consult **`references/validations.md`**. This contains the strict rules and constraints. Use it to validate user inputs objectively.

**Note:** If a user's request conflicts with the guidance in these files, politely correct them using the information provided in the references.

© omer-metin · Apache-2.0 · omer-metin/skills-for-antigravity

Похожие скиллы

Всё по теме «Дизайн» →

Сначала — landing-page-design от других авторов.

landing-page-design elayadesign Скилл ведёт агента по сборке лендинга: сначала вопросы о продукте и структура страницы, потом жёсткие правила типографики, отступов и фонов. CX Codex +1 1 800установок landing-page-design 101-skills Помогает спроектировать лендинг с понятным первым экраном, CTA и социальными доказательствами. Пригодится при работе над продуктовой или маркетинговой страницей. CX Codex +1 56 100установок landing-page-conversion-audit официальный github Скилл находит утечки конверсии на посадочных страницах и экранах оплаты. Он формирует список правок по силе влияния на доход от платного трафика. 28установок ecommerce-landing-page nexscope-ai Аудирует посадочные страницы интернет-магазинов и готовит план по росту конверсии: разбирает первый экран, призывы к действию, социальные доказательства и гипотезы для A/B-тестов. CX Codex +1 1 300установок landing-page-optimizer OneWave-AI Скилл проходит по лендингу шесть шагов: аудит, структура, CTA, скорость, SEO и очередь A/B-тестов. Пригодится, когда конверсия просела, а непонятно, с чего начать. CX Codex +1 361установок paid-landing-page-audit Maya-Beth Finotti Разбирает лендинг, на который идут платные клики, и выдаёт список правок по приоритету. Полезен, когда реклама кликается, а конверсий нет. CX Codex +1 20 500установок landing-experience-checker aaron-he-zhu Сверяет посадочную страницу с объявлениями перед запуском рекламы и находит расхождения в оффере. Помогает заранее оценить первый экран, скорость и формы. CX Codex +1 1 000установок landing-page-copywriter OneWave-AI Скилл пишет тексты для лендингов, списков ожидания и страниц тарифов по формулам PAS, AIDA или StoryBrand. Помогает подготовить конверсионные блоки и варианты CTA без написания вёрстки. CX Codex +1 6 500установок

Из того же набора13

gamification-loops Скилл помогает проектировать баллы, значки, стрики и лидерборды, опираясь на психологию мотивации. Пригодится, когда нужно удержание, а не голые метрики. CX Codex +1 567установок algorithmic-trading Скилл для разработки торговых систем: помогает строить стратегии, прогонять бэктесты и разбирать микроструктуру рынка. CX Codex +1 529установок game-design-core Скилл для ИИ-агента, который разбирает игровые циклы, мотивацию игрока и баланс. Пригодится, когда проектируете механику или пишете GDD. CX Codex +1 533установок pixel-art Скилл даёт агенту знания по пиксель-арту: палитры, дизеринг, субпиксельная анимация, тайлы и ограничения ретро-железа. Пригодится, если делаете спрайты и тайлсеты. CX Codex +1 520установок threejs-3d-graphics Задаёт агенту роль сеньор-разработчика WebGL и Three.js: помогает писать шейдеры на GLSL, снижать число draw calls и настраивать 3D-сцены в браузере. CX Codex +1 457установок community-strategy Помогает продумать стратегию сообщества: позиционирование, культуру, управление и дорожную карту. Пригодится, когда запускаете сообщество и не хотите растить его вслепую. CX Codex +1 400установок character-design Скилл для ИИ-кодинга, который помогает проектировать игровых персонажей: силуэт, форму, цвет и пропорции. Пригодится, когда нужен концепт героя, злодея или NPC. CX Codex +1 400установок risk-management-trading Скилл для расчёта размера позиции, стоп-лоссов и просадки. Пригодится, когда агент помогает с торговой стратегией или портфелем. CX Codex +1 393установок

Спонсоры проекта

Компании, которые помогают держать аналитику открытой