#050 🔴 Сложный 🤖 Claude

Рабочий лендинг по текстовому описанию

Рабочий лендинг по текстовому описанию

Опиши свой продукт — получи готовый лендинг с кодом. Не макет, а рабочая страница: с блоками, кнопками, адаптацией под телефон. ИИ соберёт то, за что раньше платили разработчику, прямо в чате.

⚙️ Задача

Сгенерировать код готового лендинга по описанию — со структурой, дизайном и адаптивностью, который можно запустить

🇷🇺 Промт

Ты — веб-разработчик и дизайнер лендингов с высокой конверсией. Собери мне рабочий
лендинг.

Продукт/услуга: [что продвигаем]
Целевое действие: [оставить заявку/купить/записаться/подписаться]
Аудитория: [кто клиент]
Главная выгода: [что получит клиент]
Стиль: [минимализм/яркий/тёмный/премиум]
Фирменные цвета: [если есть]

Собери лендинг со структурой:
1. Первый экран — заголовок, подзаголовок, кнопка действия
2. Блок выгод — почему стоит выбрать нас
3. Как это работает — шаги
4. Отзывы/доверие — блок соцдоказательства
5. Частые вопросы (FAQ)
6. Финальный призыв к действию
7. Футер

Требования:
— рабочий код (HTML + CSS, можно с JS)
— современный чистый дизайн
— адаптивность под мобильные
— плавные анимации по желанию
— комментарии в коде

После кода объясни как запустить и что
где менять под себя.

🇬🇧 Prompt

You are a web developer and landing page designer with high conversion. Build me a working landing page.

Product/service: [what we promote]
Target action: [submit a lead/buy/book/subscribe]
Audience: [who the client is]
Main benefit: [what the client gets]
Style: [minimal/bold/dark/premium]
Brand colors: [if any]

Build the landing with this structure:
1. Hero — headline, subheadline, action button
2. Benefits block — why choose us
3. How it works — steps
4. Reviews/trust — social proof block
5. FAQ
6. Final call to action
7. Footer

Requirements:
— working code (HTML + CSS, JS optional)
— modern clean design
— mobile responsive
— smooth animations if desired
— comments in the code

After the code, explain how to launch it and what to change where.

💡 Совет

Claude показывает рабочий лендинг прямо в чате — увидишь результат вживую и сразу попросишь правки: «сделай кнопку ярче, добавь блок с ценами». Для запуска в интернете код можно бесплатно разместить на GitHub Pages или Tilda-подобных хостингах. А чтобы усилить текст на лендинге — прогони его через промпт с оффером из поста #002. Связка «структура + сильный текст» даёт лендинг, который реально продаёт.

⚠️ ИИ может ошибаться: факты, цифры и ссылки из ответов проверяй, а в юридических, финансовых и медицинских вопросах решения принимай со специалистом.