10 простых промптов для старта в вайбкодинге

Создай современный одностраничный сайт-визитку для специалиста по теме [ваша профессия или направление]. На первом экране размести имя [ваше имя], короткое описание пользы для клиента и заметную кнопку «Связаться». Ниже добавь блок «Обо мне», три карточки услуг, несколько коротких отзывов с демонстрационными данными и контакты: Telegram, электронную почту и социальные сети.

Сделай спокойный профессиональный дизайн, понятную структуру и хорошее отображение на телефоне. Все кнопки навигации должны вести к нужным разделам страницы, а кнопки связи — открывать соответствующие ссылки. Не используй сервер, базу данных, регистрацию, платежи и внешние API. Добавь понятные комментарии или настройки, чтобы текст и ссылки было легко заменить.

Создай мобильную страницу со всеми важными ссылками для автора блога [имя или название блога]. В верхней части размести круглую фотографию-заглушку, имя, короткое описание тем блога и небольшую строку с количеством подписчиков. Ниже добавь крупные кнопки: «Читать Telegram», «Смотреть видео», «Забрать бесплатный гайд», «Мои продукты», «Заказать консультацию» и «Написать мне».

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

Создай современный одностраничный лендинг для [продукт, услуга или мероприятие]. Целевая аудитория: [для кого предложение]. На первом экране размести сильный заголовок с конкретным результатом, короткий подзаголовок и кнопку «Узнать подробнее». Ниже добавь блок со знакомой проблемой аудитории, четыре преимущества, программу или состав продукта, информацию об авторе, три демонстрационных отзыва, ответы на частые вопросы и финальный призыв к действию.

Сделай адаптивный дизайн в современном стиле, чтобы страницу было удобно читать с телефона. Добавь плавную прокрутку к разделам и раскрывающийся блок с вопросами и ответами. Не подключай оплату, сервер, базу данных, регистрацию и внешние API. Кнопка должна прокручивать к блоку с контактами или заявкой, а форма заявки работать как демонстрация и после отправки показывать понятное сообщение об успехе.

Создай мобильный калькулятор предварительной стоимости услуг для [ваша профессия или компания]. Пользователь должен выбрать одну основную услугу, количество единиц, срочность и дополнительные опции. Рядом с каждым параметром покажи понятное название и цену. Итоговая стоимость должна пересчитываться сразу после изменения любого значения.

Добавь блок с расшифровкой расчёта, кнопку «Скопировать расчёт» и предупреждение, что итоговая цена уточняется после обсуждения задачи. Используй демонстрационные услуги и цены, которые легко заменить. Сделай аккуратный современный интерфейс, адаптированный под телефон. Все расчёты выполняй прямо в браузере. Не используй сервер, базу данных, оплату, регистрацию и внешние API. Проверь крайние значения и не позволяй получить отрицательную стоимость.

Создай мобильную витрину небольшого магазина [тип товаров]. Покажи шесть карточек товаров с изображениями-заглушками, названиями, коротким описанием, ценой и кнопкой «В корзину». Добавь фильтр по категориям, счётчик товаров в корзине и выезжающую панель корзины. В корзине пользователь должен менять количество, удалять позиции и видеть общую сумму.

Сохраняй состояние корзины локально в браузере, чтобы оно не исчезало после обновления страницы. Кнопка «Оформить заказ» должна только показывать сообщение, что это демонстрационный проект без реальной оплаты. Сделай современный адаптивный дизайн и удобные элементы управления для телефона. Не используй сервер, базу данных, регистрацию, платёжные системы и внешние API.

Создай простой мобильный планировщик дня. Пользователь должен добавлять задачи, указывать время, выбирать приоритет и отмечать выполненные дела. В верхней части добавь поле «Главный фокус дня», индикатор прогресса и текущую дату. Задачи раздели на три группы: «Утро», «День» и «Вечер».

Добавь возможность редактировать и удалять задачи, кнопку очистки выполненных дел и небольшое сообщение после завершения всех задач. Сохраняй данные только локально в браузере, чтобы они оставались после обновления страницы. Сделай спокойный минималистичный дизайн, удобный на телефоне. Не используй сервер, аккаунты, базу данных и внешние API.

Создай адаптивный персональный дашборд для ежедневной работы. Размести на одном экране приветствие, текущую дату и время, главную цель недели, список из трёх приоритетных задач, небольшую заметку, четыре быстрые ссылки и индикатор прогресса по задачам. Добавь кнопку переключения между светлой и тёмной темой.

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

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

Добавь три демонстрационные привычки, кнопку «Добавить привычку», краткую статистику недели и спокойное сообщение поддержки без чрезмерной мотивации. Сохраняй все данные локально в браузере. Интерфейс должен быть понятным, аккуратным и удобным для нажатия пальцем. Не используй сервер, регистрацию, базу данных и внешние API.

Создай мобильный квиз на тему [тема квиза] из семи вопросов. На каждом экране показывай один вопрос и три варианта ответа. Добавь индикатор прогресса, кнопку перехода дальше и проверку, чтобы нельзя было продолжить без выбранного ответа. После последнего вопроса покажи один из трёх результатов с названием, коротким объяснением и практическим советом.

Добавь кнопку «Пройти ещё раз» и возможность скопировать результат. Используй демонстрационные вопросы и понятную систему подсчёта, которую легко изменить. Сделай яркий, но аккуратный адаптивный дизайн. Вся логика должна работать в браузере без сервера, регистрации, базы данных и внешних API.

Создай адаптивный калькулятор накоплений. Пользователь должен указать начальную сумму, ежемесячное пополнение, срок в месяцах и примерную годовую доходность. После изменения любого значения сразу показывай итоговую сумму, общий размер пополнений и отдельно расчётный доход. Добавь простой график роста накоплений по месяцам и переключатель «учитывать доходность».

Проверь формулы и корректно обрабатывай нулевые значения. Рядом с результатом размести пояснение, что это примерный математический расчёт, а не гарантия доходности и не финансовая рекомендация. Сделай чистый современный дизайн, удобный на телефоне. Все вычисления выполняй в браузере. Не используй сервер, аккаунты, базу данных и внешние API.

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

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