AI Design Skills
landing-page-design
Скилл сборки лендинга с нуля: вопросы на входе, структура страницы, конверсионные тексты и строгая визуальная система
- 11 951 ★ репозитория
- Последний коммит
- MIT
Минимальный доступ
Почему такой уровень
- Скилл состоит из правил дизайна и текстов
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add skills/landing-page-designОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемМинимальный доступИнструмент ничего не запускает и не ходит в сеть.
- Скилл состоит из правил дизайна и текстов
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Основной скилл коллекции ведет сборку высококонверсионного лендинга по правилу одно предложение, одна аудитория, одно действие. Первая часть решает, что страница говорит и как устроена: вопросы на входе про цель, аудиторию, возражения и доказательства, структура блоков и конверсионные тексты. Вторая часть задает строгую визуальную систему: типографика, отступы, скругления, фон, компоновка героя, иконки и анимации. Правила скилла имеют приоритет над дефолтами фреймворка, но явная просьба пользователя всегда выше. Дизайн-значения вынесены в один раздел, поэтому набор легко подстроить под свой стиль.
Для кого. Для дизайнеров, маркетологов и разработчиков, которые собирают лендинги и промо-страницы.
Подходит, если
- Собираете лендинг или промо-страницу с нуля
- Нужна структура блоков и конверсионные тексты под одно действие
- Хотите единую визуальную систему для страницы
Не подходит, если
- Нужен апгрейд существующего сайта, для этого есть отдельный скилл автора
- Задача не про веб-страницу
Пример запроса к агенту
Собери лендинг для запуска SaaS с одной целью на регистрациюОграничения
Скилл покрывает создание новых страниц, для редизайна существующего сайта автор советует отдельный репозиторий redesign-skill. Дизайн-значения заданы по умолчанию, их предполагается настраивать под свой бренд.
Как отключить. Удалите папку landing-page-design из каталога скиллов агента.
Частые вопросы
Подходит ли для редизайна?
Для существующего сайта автор рекомендует отдельный скилл redesign-existing-projects, этот собирает страницы с нуля.
Можно ли изменить фирменный стиль?
Да, дизайн-значения вынесены в один раздел файла скилла, форкните и правьте его.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
СкиллыДизайн-скилл против шаблонных AI-интерфейсов: новые страницы, аудит, редизайн и разбор чужого дизайна по скриншоту или URL
Скиллы против шаблонных интерфейсов: сетка, типографика, анимация и отступы, плюс генерация референсов для веба и мобильных
Скилл дизайна интерфейсов, презентаций и графики для кодинг-агентов: черновики на холсте через CLI superdesign
Скиллы для дизайн-инженеров: быстрая чистка интерфейса, доступность, метаданные и производительность анимаций
Скилл дизайна интерфейсов для агента: диагностика, четыре направления на выбор, реализация и приемка без вида шаблона от ИИ
Скилл дизайна веб-страниц для Claude Code: сначала спецификация DESIGN.md, потом код по ней
Из блога
Коротко о README
README описывает растущую коллекцию дизайн-скиллов для агентов, где каждый скилл это самодостаточная папка. Пока опубликован скилл landing-page-design для сборки лендинга: вопросы на входе, структура страницы, конверсионные тексты и полная визуальная система. Установка через копирование папки скилла в каталог агента для Claude Code, Cursor, Codex и других. Дизайн-значения вынесены в одну секцию для настройки под свой бренд. Лицензия MIT.
Бейдж для README
Исходный SKILL.md
--- name: landing-page-design description: "Complete system for building high converting landing pages: intake questions, page structure, layout selection, conversion copywriting, SEO, plus strict visual rules for typography, spacing, corner radius, backgrounds, hero layout, icons, and motion. Use this skill whenever building, editing, styling, reviewing, or writing copy for ANY landing page, marketing site, web UI, page section, component, or prototype." --- # Landing Page Design 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.**