Что получится
Первая версия лендинга - страницы под одно предложение - для твоего бизнеса: заголовок, одна главная кнопка, ответы на вопросы покупателя и форма заявки. Выложить страницу в интернет - отдельный шаг, в этой инструкции его нет.
Быстрый путь
Это запрос для Claude. Отправь его в чат Claude вместе с файлом скилла (это правила для ИИ): как скачать файл - в шаге 1, как приложить - в шаге 2. Или поставь скилл в Claude Code командой из раздела «С компьютера». Текст в квадратных скобках замени своим.
Сделай лендинг по скиллу landing-page-design. Если скилл приложен файлом SKILL.md, сначала прочитай его и скажи, есть ли там команды, которые что-то скачивают, отправляют или просят ключи. Если есть - дождись моего «да». Ответы на вопросы скилла: что продаю - [товар или услуга и город]; главное действие - [заказать, купить, оставить заявку]; для кого - [кто покупатель]; почему пока не покупают - [причина 1], [причина 2], [причина 3]; откуда приходят люди - [реклама, поиск, соцсети]. Тексты на русском. Цены, отзывы и цифры не выдумывай, оставь заглушки. Собери страницу одним файлом index.html.Проверили: 05.11.2026 в Claude Code на Mac положили скилл в папку .claude/skills/ проекта и отправили этот запрос для вымышленного бизнеса - домашние торты на заказ в Казани. За 3,5 минуты Claude собрал страницу одним файлом index.html: заголовок, одна кнопка заявки, выгоды, три шага заказа, 9 вопросов с ответами и форма. Цены, отзывы и фото остались заглушками, а про форму Claude сам предупредил, что она пока никуда не отправляет заявки. Не проверили: команду установки npx skills add (скилл положили в папку сами, файл тот же), путь через чат Claude с приложенным файлом и путь с телефона, Cursor и Codex, Windows и Linux.
Что нужно и сколько стоит
- Аккаунт Claude. Для пути через чат хватит бесплатного тарифа Free: на нём есть скиллы и артефакты (окно, где Claude показывает готовую страницу), проектов - до пяти. Работать на Free можно ограниченно: лимит обновляется каждые 5 часов и каждую неделю.
- Claude Code - программа, где Claude работает с файлами на компьютере, - есть с тарифа Pro: $17 в месяц при оплате за год ($200 сразу) или $20 помесячно, цены без налога. На Free Claude Code нет. Тарифы - на странице Claude.
- Сам скилл landing-page-design из открытого набора AI Design Skills бесплатный. Лицензия MIT разрешает пользоваться им и для своих продаж. Звёзд на GitHub у набора больше 14 тысяч - столько людей отметили его, это как лайк.
Проверь, что открыта именно эта страница: ai-design-skills, MIT license, больше 14 тысяч звёзд. Снимок с github.com.
- Для пути с компьютера - Node.js (программа, на которой работает установщик скиллов) версии 22.20 или новее.
Шаг 1 Скачай файл скилла
В этом файле правила, по которым Claude соберёт страницу.
Где: страница файла SKILL.md на GitHub.
Нажми ... справа от Preview, Code, Blame. В меню под строкой Raw file content выбери Download. Запомни, куда сохранился файл: обычно браузер кладёт его в «Загрузки».
Кнопка «...» справа от Preview, Code, Blame и пункт Download в открытом меню. Снимок с github.com на ширине телефона.
Должно получиться: на телефоне или компьютере лежит файл SKILL.md.
Если не получилось:
- Ссылка открылась внутри Telegram - открой её в Safari или Chrome и повтори.
- Вместо скачивания открылся текст правил - вернись на страницу файла и выбери Download ещё раз.
Шаг 2 Приложи файл в чат Claude
Так Claude получит правила вместе с твоим запросом.
Где: claude.ai или приложение Claude.
Открой новый чат и приложи скачанный SKILL.md кнопкой прикрепления файла рядом с полем сообщения. Отправлять пока ничего не нужно: запрос из следующего шага уйдёт вместе с файлом. Если будешь делать страницы не раз, загрузи файл в проект - тогда правила будут под рукой в каждом его чате.
Должно получиться: в поле сообщения виден приложенный файл SKILL.md.
Если не получилось:
- Проверь, что выбираешь тот файл, который скачал в шаге 1.
- В приложении файл не прикрепляется - открой claude.ai в браузере.
Шаг 3 Вставь запрос
Запрос рассказывает Claude, что ты продаёшь, кому и почему люди пока не покупают.
Где: тот же чат с приложенным файлом.
Скопируй запрос из «Быстрого пути», замени текст в квадратных скобках своим и отправь. Не знаешь, что вписать в скобки, - так и напиши «не знаю»: Claude сделает допущение и напишет его одной строкой, проверь, подходит ли оно тебе. Сначала Claude проверит файл скилла: нет ли там команд, которые что-то скачивают, отправляют или просят ключи. В нашей проверке он таких не нашёл. Если найдёт - не отвечай «да»: попроси объяснить простыми словами, что делает каждая команда, и не продолжай, пока ответ непонятен. Если Claude задаст вопросы - ответь.
Должно получиться: Claude собрал первую версию страницы и показал её. Сама страница - файл index.html, его открывает любой браузер.
Если не получилось:
- Claude дал только советы - попроси собрать саму страницу одним файлом.
- Вопросы непонятны - попроси объяснить их простыми словами.
Шаг 4 Проверь страницу и заглушки
Перед показом покупателям убери всё, что Claude мог додумать.
Где: готовая страница в Claude.
Найди все места в двойных фигурных скобках, например со словом «цена» внутри, - это заглушки, места для твоих данных. Впиши настоящие цены, добавь свои фото и отзывы, если они есть. Прочитай и остальной текст: в нашей проверке Claude написал «Печём дома из сливок, масла и свежих ягод», хотя этого мы ему не давали. Такие детали исправь или удали. Правки пиши Claude в том же чате, фото прикладывай туда же. В нашей проверке форма заявки сначала никуда не отправляла: если у тебя так же, попроси Claude подключить её и назови, куда должны приходить заявки.
Так должно выйти: заголовок, одна кнопка заявки, а время ответа и отзыв стоят заглушками в фигурных скобках.
Должно получиться: на странице нет заглушек и придуманных деталей, тестовая заявка доходит, куда нужно.
Если не получилось:
- Попроси Claude перечислить оставшиеся заглушки и всё, чего не было в твоих ответах.
- Заявка не приходит - попроси Claude проверить подключение формы.
- Страница видна только в окне Claude - попроси дать её файлом index.html, чтобы скачать.
С компьютера
Если Claude Code ещё нет, поставь его командой с официальной страницы установки. На Mac и Linux:
curl -fsSL https://claude.ai/install.sh | bash
На Windows - в PowerShell (командной строке Windows):
irm https://claude.ai/install.ps1 | iex
- Поставь Node.js с nodejs.org и проверь версию в терминале (окне для команд) - номер должен быть 22.20 или больше:
node -v
- Открой терминал в папке будущего сайта.
- Введи команду установки скилла. Установщик спросит, для каких программ ставить, - выбери Claude Code. Скилл ляжет в папку .claude/skills/:
npx skills add elayadesign/ai-design-skills --skill landing-page-design
- Запусти Claude Code:
claude
- Вставь запрос из «Быстрого пути» со своими данными.
Для Cursor и Codex команда та же: в вопросе установщика выбери Cursor или Codex, скилл ляжет в папку .agents/skills/.
Раздел Install: строка «# one skill» с командой и строка о папках .claude/skills/ и .agents/skills/. Снимок с github.com.
Итоговая проверка
С первого экрана понятно, что ты предлагаешь и какую кнопку нажать. Заглушек не осталось, факты на странице твои, тестовая заявка пришла.
Если не получилось
- Страница вышла слишком общей - напиши в запросе точнее, кто покупатель и что именно ты продаёшь.
- В тексте появились выдуманные сведения - покажи их Claude и попроси заменить заглушками.
- Не знаешь, что править дальше - попроси Claude назвать один следующий шаг.
- Команда в терминале выдала ошибку - проверь версию Node.js командой из пункта 1.