AIKraft/Skills/landing-page-generator

landing-page-generator

Генерирует высококонверсионные лендинги в виде полных компонентов Next.js/React (TSX) с Tailwind CSS. Создает hero-секции, сетки функций, таблицы цен, аккордеоны FAQ, блоки отзывов и CTA-секции, используя проверенные фреймворки копирайтинга (PAS, AIDA, BAB). Выдает мета-теги для SEO, структурированные данные и оптимизированный по производительности код, нацеленный на Core Web Vitals (LCP < 1s, CLS < 0.1). Используйте, когда пользователь просит создать лендинг, маркетинговую страницу, главную страницу, одностраничный сайт, страницу сбора лидов, страницу кампании, промо-страницу или веб-страницу, оптимизированную для конверсии, — или когда он хочет провести A/B-тестирование вариантов лендинга или заменить статичную страницу на страницу, разработанную для конверсии.

alirezarezvani official Документы

Что делает навык

Генерирует высококонверсионные лендинги в виде полных компонентов Next.js/React (TSX) с Tailwind CSS. Создает hero-секции, сетки функций, таблицы цен, аккордеоны FAQ, блоки отзывов и CTA-секции, используя проверенные фреймворки копирайтинга (PAS, AIDA, BAB). Выдает мета-теги для SEO, структурированные данные и оптимизированный по производительности код, нацеленный на Core Web Vitals (LCP < 1s, CLS < 0.1). Используйте, когда пользователь просит создать лендинг, маркетинговую страницу, главную страницу, одностраничный сайт, страницу сбора лидов, страницу кампании, промо-страницу или веб-страницу, оптимизированную для конверсии, — или когда он хочет провести A/B-тестирование вариантов лендинга или заменить статичную страницу на страницу, разработанную для конверсии.

Как подключить

1Скачать навык
# возьмите папку навыка «landing-page-generator» из репозитория: # https://github.com/alirezarezvani/claude-skills
2Положить папку с SKILL.md к навыкам ассистента
# положите папку навыка туда, где ассистент ищет skills: cp -r landing-page-generator/ ~/.claude/skills/landing-page-generator/

Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.