AI Design Skills

Установка

mkdir -p .claude/skills
git clone https://github.com/elayadesign/ai-design-skills.git /tmp/ai-design-skills
cp -r /tmp/ai-design-skills/skills/landing-page-design .claude/skills/

Это чужой код. Посмотрите файлы в репозитории перед установкой.

Что делает

Основной скилл коллекции ведет сборку высококонверсионного лендинга по правилу одно предложение, одна аудитория, одно действие. Первая часть решает, что страница говорит и как устроена: вопросы на входе про цель, аудиторию, возражения и доказательства, структура блоков и конверсионные тексты. Вторая часть задает строгую визуальную систему: типографика, отступы, скругления, фон, компоновка героя, иконки и анимации. Правила скилла имеют приоритет над дефолтами фреймворка, но явная просьба пользователя всегда выше. Дизайн-значения вынесены в один раздел, поэтому набор легко подстроить под свой стиль.

Для кого. Для дизайнеров, маркетологов и разработчиков, которые собирают лендинги и промо-страницы.

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

Собери лендинг для запуска SaaS с одной целью на регистрацию

Ограничения

Скилл покрывает создание новых страниц, для редизайна существующего сайта автор советует отдельный репозиторий redesign-skill. Дизайн-значения заданы по умолчанию, их предполагается настраивать под свой бренд.

Как отключить. Удалите папку landing-page-design из каталога скиллов агента.

Проверка безопасности

• Скилл состоит из правил дизайна и текстов

Коротко о README

README описывает растущую коллекцию дизайн-скиллов для агентов, где каждый скилл это самодостаточная папка. Пока опубликован скилл landing-page-design для сборки лендинга: вопросы на входе, структура страницы, конверсионные тексты и полная визуальная система. Установка через копирование папки скилла в каталог агента для Claude Code, Cursor, Codex и других. Дизайн-значения вынесены в одну секцию для настройки под свой бренд. Лицензия MIT.

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.**

Похожие