Ограниченное по времени предложениеПланы Pro и Max — скидка 20%Экономьте 20% при помесячной или ежегодной оплате.
Экономьте 20% при помесячной или ежегодной оплате.
Промпты для AI-билдеров приложений
AI-билдеры вроде Bolt, Lovable, v0 и Cursor превращают один промпт в рабочую HTML-страницу. Промпты ниже написаны для статического HTML, CSS и JavaScript — каждый результат можно сразу открыть и отправить на ревью.
Одна команда устанавливает локальный Skill для Codex, Claude и Cursor. После установки используйте /htmlshare в любом из них, чтобы опубликовать текущий HTML-проект.
Готовые промпты
Полные макеты страниц с hero-блоком, сеткой функций и таблицей цен.
Собери SaaS-лендинг с ярким hero-заголовком и CTA-кнопкой, трёхколоночной сеткой функций с иконками, двухуровневой таблицей цен (free и pro) и FAQ-аккордеоном. Используй HTML, Tailwind CSS через CDN и ванильный JavaScript для аккордеона. Всё в одном файле.
Создай минимальную страницу запуска продукта с hero на весь экран, формой сбора email и списком из 5 функций. Без внешних зависимостей — весь CSS инлайн.
Переиспользуемые части: навбар, карточки, модалки и вкладки.
Собери адаптивный навбар: логотип слева, 4 ссылки по центру и кнопка Get started справа. Добавь гамбургер-меню для мобильных. Только HTML и CSS, без JS-библиотек.
Создай набор карточек из 3 вариантов: функциональная карточка с иконкой и описанием, ценовая карточка со списком функций и CTA, карточка отзыва с аватаром и цитатой. Используй HTML и CSS custom properties.
Админ-панели, карточки метрик и раскладки для данных.
Создай админ-дашборд с фиксированной левой икон-навигацией, верхней панелью с поиском и выпадающим аватаром, а в основной зоне — 4 карточки метрик и таблица-заглушка. Используй HTML и CSS Grid.
Собери адаптивную страницу аналитики с выбором диапазона дат, 3 KPI-карточками сверху и столбчатой диаграммой только на CSS и HTML (без canvas и SVG-библиотек). Ниже добавь таблицу данных.
Многошаговые формы, аккордеоны, вкладки и модальные окна.
Собери 3-шаговую форму: личные данные, настройки аккаунта и сводка подтверждения. Сверху покажи прогресс шагов. HTML, CSS и ванильный JavaScript — без библиотек и фреймворков.
Создай интерфейс с 4 вкладками и плавной сменой контента. В каждой панели — заголовок и абзац. Используй HTML, CSS-переходы и ванильный JavaScript.
Другие источники промптов
Помимо шаблонов выше, это лучшие места, где можно найти проверенные промпты для AI-инструментов HTML и CSS.
Ищите на GitHub «bolt prompts», «v0 prompts» или «ai html prompts», чтобы найти поддерживаемые сообществом библиотеки промптов и стартовые подборки.
r/ChatGPT, r/ClaudeAI и r/webdev регулярно делятся шаблонами промптов и обсуждают, что лучше работает для чистого HTML и CSS.
Bolt.new, Lovable, v0 by Vercel и Cursor публикуют примеры промптов и лучшие практики в официальной документации и Discord-сообществах.
Смотрите опубликованные примеры в Bolt Gallery и v0 Community, чтобы по желаемому результату восстановить эффективные промпты.
Начните с репозиториев GitHub с тегами 'ai-prompts' или 'bolt-prompts', официальной документации вашего билдера (Bolt, v0, Lovable, Cursor) и сообществ на Reddit (r/ChatGPT, r/ClaudeAI). Промпты на этой странице можно копировать и вставлять сразу.
Укажите раскладку (CSS Grid, Flexbox), перечислите нужные секции (hero, features, pricing, FAQ), назовите подход к стилям (Tailwind CDN, inline CSS или отдельный style-блок) и завершите фразой «Keep everything in one HTML file.» Чем конкретнее промпт, тем стабильнее результат.
Вставьте или загрузите сгенерированный HTML-файл в HTMLShare. Сервис сразу создаёт браузерную ссылку предпросмотра — без Git-репозитория, настройки хостинга и локального сервера. Так удобно проверять результат и делиться им с командой или клиентами.