Промпты для создания сайтов технологических проектов

071

Технологии

SaaS-сервисы

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

Создай адаптивный сайт на тему «SaaS-сервисы».

ЦЕЛЬ
Помочь посетителю выбрать подходящее предложение и связаться с бизнесом. Сначала уточни бренд, аудиторию, регион, исходные материалы и главное действие. Если информации не хватает, перечисли вопросы и обозначь заменяемые места.

СТРУКТУРА И СЦЕНАРИИ
Проблема пользователя, сценарии использования, возможности продукта и интерфейс; тарифы при наличии исходных данных; демонстрация или регистрация; интеграции, поддержка и документация.
Подбери названия разделов, поля фильтров и действия посетителя именно для этой тематики, без одинаковых универсальных карточек.

ДИЗАЙН
Собери цельную визуальную систему: выразительная типографика, аккуратная сетка, достаточные отступы и понятные SVG-иконки. Выбери палитру под нишу. Заголовки должны помещаться на экранах 320, 390, 768, 1024 и 1440 px, без горизонтального скролла и переносов по буквам. Декоративные анимации учитывают prefers-reduced-motion.

РЕАЛИЗАЦИЯ
Согласуй стек с задачами и требованиями к редактированию. Не ограничивайся картинкой: меню, поиск, фильтры, формы и состояния ошибок должны работать. Различай демонстрацию интерфейса и подключённую серверную функцию. Не выдавай имитацию оплаты, записи или отправки за работающую интеграцию.

КОНТЕНТ И SEO
Используй один понятный H1 на страницу, последовательные H2/H3, уникальные title и description, хлебные крошки, чистые URL, canonical, sitemap и robots. Разметку Schema.org добавляй только по реально отображаемым данным. Тексты должны отвечать на вопросы посетителя. Не выдумывай отзывы, клиентов, адреса, цены и достижения.

ПРОВЕРКА
Проверь клавиатурную навигацию, видимый фокус, контраст, подписи полей и сообщения ошибок. Задай размеры изображений, оптимизируй загрузку и защищай формы от спама. Перед сдачей проверь ссылки, фильтры, мобильные размеры и отправку формы.

РЕЗУЛЬТАТ
Покажи готовые страницы, инструкции запуска, проверенные сценарии и честно перечисли интеграции, которым нужны доступы.

072

Технологии

Мобильные приложения

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

Создай адаптивный сайт на тему «Мобильные приложения».

ЦЕЛЬ
Помочь посетителю выбрать подходящее предложение и связаться с бизнесом. Сначала уточни бренд, аудиторию, регион, исходные материалы и главное действие. Если информации не хватает, перечисли вопросы и обозначь заменяемые места.

СТРУКТУРА И СЦЕНАРИИ
Проблема пользователя, сценарии использования, возможности продукта и интерфейс; тарифы при наличии исходных данных; демонстрация или регистрация; интеграции, поддержка и документация.
Подбери названия разделов, поля фильтров и действия посетителя именно для этой тематики, без одинаковых универсальных карточек.

ДИЗАЙН
Собери цельную визуальную систему: выразительная типографика, аккуратная сетка, достаточные отступы и понятные SVG-иконки. Выбери палитру под нишу. Заголовки должны помещаться на экранах 320, 390, 768, 1024 и 1440 px, без горизонтального скролла и переносов по буквам. Декоративные анимации учитывают prefers-reduced-motion.

РЕАЛИЗАЦИЯ
Согласуй стек с задачами и требованиями к редактированию. Не ограничивайся картинкой: меню, поиск, фильтры, формы и состояния ошибок должны работать. Различай демонстрацию интерфейса и подключённую серверную функцию. Не выдавай имитацию оплаты, записи или отправки за работающую интеграцию.

КОНТЕНТ И SEO
Используй один понятный H1 на страницу, последовательные H2/H3, уникальные title и description, хлебные крошки, чистые URL, canonical, sitemap и robots. Разметку Schema.org добавляй только по реально отображаемым данным. Тексты должны отвечать на вопросы посетителя. Не выдумывай отзывы, клиентов, адреса, цены и достижения.

ПРОВЕРКА
Проверь клавиатурную навигацию, видимый фокус, контраст, подписи полей и сообщения ошибок. Задай размеры изображений, оптимизируй загрузку и защищай формы от спама. Перед сдачей проверь ссылки, фильтры, мобильные размеры и отправку формы.

РЕЗУЛЬТАТ
Покажи готовые страницы, инструкции запуска, проверенные сценарии и честно перечисли интеграции, которым нужны доступы.

073

Технологии

Стартапы

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

Создай адаптивный сайт на тему «Стартапы».

ЦЕЛЬ
Помочь посетителю выбрать подходящее предложение и связаться с бизнесом. Сначала уточни бренд, аудиторию, регион, исходные материалы и главное действие. Если информации не хватает, перечисли вопросы и обозначь заменяемые места.

СТРУКТУРА И СЦЕНАРИИ
Проблема пользователя, сценарии использования, возможности продукта и интерфейс; тарифы при наличии исходных данных; демонстрация или регистрация; интеграции, поддержка и документация.
Подбери названия разделов, поля фильтров и действия посетителя именно для этой тематики, без одинаковых универсальных карточек.

ДИЗАЙН
Собери цельную визуальную систему: выразительная типографика, аккуратная сетка, достаточные отступы и понятные SVG-иконки. Выбери палитру под нишу. Заголовки должны помещаться на экранах 320, 390, 768, 1024 и 1440 px, без горизонтального скролла и переносов по буквам. Декоративные анимации учитывают prefers-reduced-motion.

РЕАЛИЗАЦИЯ
Согласуй стек с задачами и требованиями к редактированию. Не ограничивайся картинкой: меню, поиск, фильтры, формы и состояния ошибок должны работать. Различай демонстрацию интерфейса и подключённую серверную функцию. Не выдавай имитацию оплаты, записи или отправки за работающую интеграцию.

КОНТЕНТ И SEO
Используй один понятный H1 на страницу, последовательные H2/H3, уникальные title и description, хлебные крошки, чистые URL, canonical, sitemap и robots. Разметку Schema.org добавляй только по реально отображаемым данным. Тексты должны отвечать на вопросы посетителя. Не выдумывай отзывы, клиентов, адреса, цены и достижения.

ПРОВЕРКА
Проверь клавиатурную навигацию, видимый фокус, контраст, подписи полей и сообщения ошибок. Задай размеры изображений, оптимизируй загрузку и защищай формы от спама. Перед сдачей проверь ссылки, фильтры, мобильные размеры и отправку формы.

РЕЗУЛЬТАТ
Покажи готовые страницы, инструкции запуска, проверенные сценарии и честно перечисли интеграции, которым нужны доступы.

074

Технологии

AI-инструменты

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

Создай адаптивный сайт на тему «AI-инструменты».

ЦЕЛЬ
Помочь посетителю выбрать подходящее предложение и связаться с бизнесом. Сначала уточни бренд, аудиторию, регион, исходные материалы и главное действие. Если информации не хватает, перечисли вопросы и обозначь заменяемые места.

СТРУКТУРА И СЦЕНАРИИ
Проблема пользователя, сценарии использования, возможности продукта и интерфейс; тарифы при наличии исходных данных; демонстрация или регистрация; интеграции, поддержка и документация.
Подбери названия разделов, поля фильтров и действия посетителя именно для этой тематики, без одинаковых универсальных карточек.

ДИЗАЙН
Собери цельную визуальную систему: выразительная типографика, аккуратная сетка, достаточные отступы и понятные SVG-иконки. Выбери палитру под нишу. Заголовки должны помещаться на экранах 320, 390, 768, 1024 и 1440 px, без горизонтального скролла и переносов по буквам. Декоративные анимации учитывают prefers-reduced-motion.

РЕАЛИЗАЦИЯ
Согласуй стек с задачами и требованиями к редактированию. Не ограничивайся картинкой: меню, поиск, фильтры, формы и состояния ошибок должны работать. Различай демонстрацию интерфейса и подключённую серверную функцию. Не выдавай имитацию оплаты, записи или отправки за работающую интеграцию.

КОНТЕНТ И SEO
Используй один понятный H1 на страницу, последовательные H2/H3, уникальные title и description, хлебные крошки, чистые URL, canonical, sitemap и robots. Разметку Schema.org добавляй только по реально отображаемым данным. Тексты должны отвечать на вопросы посетителя. Не выдумывай отзывы, клиентов, адреса, цены и достижения.

ПРОВЕРКА
Проверь клавиатурную навигацию, видимый фокус, контраст, подписи полей и сообщения ошибок. Задай размеры изображений, оптимизируй загрузку и защищай формы от спама. Перед сдачей проверь ссылки, фильтры, мобильные размеры и отправку формы.

РЕЗУЛЬТАТ
Покажи готовые страницы, инструкции запуска, проверенные сценарии и честно перечисли интеграции, которым нужны доступы.

075

Технологии

Браузерные расширения

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

Создай адаптивный сайт на тему «Браузерные расширения».

ЦЕЛЬ
Помочь посетителю выбрать подходящее предложение и связаться с бизнесом. Сначала уточни бренд, аудиторию, регион, исходные материалы и главное действие. Если информации не хватает, перечисли вопросы и обозначь заменяемые места.

СТРУКТУРА И СЦЕНАРИИ
Проблема пользователя, сценарии использования, возможности продукта и интерфейс; тарифы при наличии исходных данных; демонстрация или регистрация; интеграции, поддержка и документация.
Подбери названия разделов, поля фильтров и действия посетителя именно для этой тематики, без одинаковых универсальных карточек.

ДИЗАЙН
Собери цельную визуальную систему: выразительная типографика, аккуратная сетка, достаточные отступы и понятные SVG-иконки. Выбери палитру под нишу. Заголовки должны помещаться на экранах 320, 390, 768, 1024 и 1440 px, без горизонтального скролла и переносов по буквам. Декоративные анимации учитывают prefers-reduced-motion.

РЕАЛИЗАЦИЯ
Согласуй стек с задачами и требованиями к редактированию. Не ограничивайся картинкой: меню, поиск, фильтры, формы и состояния ошибок должны работать. Различай демонстрацию интерфейса и подключённую серверную функцию. Не выдавай имитацию оплаты, записи или отправки за работающую интеграцию.

КОНТЕНТ И SEO
Используй один понятный H1 на страницу, последовательные H2/H3, уникальные title и description, хлебные крошки, чистые URL, canonical, sitemap и robots. Разметку Schema.org добавляй только по реально отображаемым данным. Тексты должны отвечать на вопросы посетителя. Не выдумывай отзывы, клиентов, адреса, цены и достижения.

ПРОВЕРКА
Проверь клавиатурную навигацию, видимый фокус, контраст, подписи полей и сообщения ошибок. Задай размеры изображений, оптимизируй загрузку и защищай формы от спама. Перед сдачей проверь ссылки, фильтры, мобильные размеры и отправку формы.

РЕЗУЛЬТАТ
Покажи готовые страницы, инструкции запуска, проверенные сценарии и честно перечисли интеграции, которым нужны доступы.

076

Технологии

Онлайн-калькуляторы

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

Создай адаптивный сайт на тему «Онлайн-калькуляторы».

ЦЕЛЬ
Помочь посетителю выбрать подходящее предложение и связаться с бизнесом. Сначала уточни бренд, аудиторию, регион, исходные материалы и главное действие. Если информации не хватает, перечисли вопросы и обозначь заменяемые места.

СТРУКТУРА И СЦЕНАРИИ
Проблема пользователя, сценарии использования, возможности продукта и интерфейс; тарифы при наличии исходных данных; демонстрация или регистрация; интеграции, поддержка и документация.
Подбери названия разделов, поля фильтров и действия посетителя именно для этой тематики, без одинаковых универсальных карточек.

ДИЗАЙН
Собери цельную визуальную систему: выразительная типографика, аккуратная сетка, достаточные отступы и понятные SVG-иконки. Выбери палитру под нишу. Заголовки должны помещаться на экранах 320, 390, 768, 1024 и 1440 px, без горизонтального скролла и переносов по буквам. Декоративные анимации учитывают prefers-reduced-motion.

РЕАЛИЗАЦИЯ
Согласуй стек с задачами и требованиями к редактированию. Не ограничивайся картинкой: меню, поиск, фильтры, формы и состояния ошибок должны работать. Различай демонстрацию интерфейса и подключённую серверную функцию. Не выдавай имитацию оплаты, записи или отправки за работающую интеграцию.

КОНТЕНТ И SEO
Используй один понятный H1 на страницу, последовательные H2/H3, уникальные title и description, хлебные крошки, чистые URL, canonical, sitemap и robots. Разметку Schema.org добавляй только по реально отображаемым данным. Тексты должны отвечать на вопросы посетителя. Не выдумывай отзывы, клиентов, адреса, цены и достижения.

ПРОВЕРКА
Проверь клавиатурную навигацию, видимый фокус, контраст, подписи полей и сообщения ошибок. Задай размеры изображений, оптимизируй загрузку и защищай формы от спама. Перед сдачей проверь ссылки, фильтры, мобильные размеры и отправку формы.

РЕЗУЛЬТАТ
Покажи готовые страницы, инструкции запуска, проверенные сценарии и честно перечисли интеграции, которым нужны доступы.

077

Технологии

Автоматизация бизнеса и чат-боты

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

Создай адаптивный сайт на тему «Автоматизация бизнеса и чат-боты».

ЦЕЛЬ
Помочь посетителю выбрать подходящее предложение и связаться с бизнесом. Сначала уточни бренд, аудиторию, регион, исходные материалы и главное действие. Если информации не хватает, перечисли вопросы и обозначь заменяемые места.

СТРУКТУРА И СЦЕНАРИИ
Проблема пользователя, сценарии использования, возможности продукта и интерфейс; тарифы при наличии исходных данных; демонстрация или регистрация; интеграции, поддержка и документация.
Подбери названия разделов, поля фильтров и действия посетителя именно для этой тематики, без одинаковых универсальных карточек.

ДИЗАЙН
Собери цельную визуальную систему: выразительная типографика, аккуратная сетка, достаточные отступы и понятные SVG-иконки. Выбери палитру под нишу. Заголовки должны помещаться на экранах 320, 390, 768, 1024 и 1440 px, без горизонтального скролла и переносов по буквам. Декоративные анимации учитывают prefers-reduced-motion.

РЕАЛИЗАЦИЯ
Согласуй стек с задачами и требованиями к редактированию. Не ограничивайся картинкой: меню, поиск, фильтры, формы и состояния ошибок должны работать. Различай демонстрацию интерфейса и подключённую серверную функцию. Не выдавай имитацию оплаты, записи или отправки за работающую интеграцию.

КОНТЕНТ И SEO
Используй один понятный H1 на страницу, последовательные H2/H3, уникальные title и description, хлебные крошки, чистые URL, canonical, sitemap и robots. Разметку Schema.org добавляй только по реально отображаемым данным. Тексты должны отвечать на вопросы посетителя. Не выдумывай отзывы, клиентов, адреса, цены и достижения.

ПРОВЕРКА
Проверь клавиатурную навигацию, видимый фокус, контраст, подписи полей и сообщения ошибок. Задай размеры изображений, оптимизируй загрузку и защищай формы от спама. Перед сдачей проверь ссылки, фильтры, мобильные размеры и отправку формы.

РЕЗУЛЬТАТ
Покажи готовые страницы, инструкции запуска, проверенные сценарии и честно перечисли интеграции, которым нужны доступы.

078

Технологии

Криптопроекты и Web3

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

Создай адаптивный сайт на тему «Криптопроекты и Web3».

ЦЕЛЬ
Помочь посетителю выбрать подходящее предложение и связаться с бизнесом. Сначала уточни бренд, аудиторию, регион, исходные материалы и главное действие. Если информации не хватает, перечисли вопросы и обозначь заменяемые места.

СТРУКТУРА И СЦЕНАРИИ
Проблема пользователя, сценарии использования, возможности продукта и интерфейс; тарифы при наличии исходных данных; демонстрация или регистрация; интеграции, поддержка и документация.
Не придумывай доходность, гарантии, лицензии или финансовые показатели. Раздели описание продукта, условия и риски.

ДИЗАЙН
Собери цельную визуальную систему: выразительная типографика, аккуратная сетка, достаточные отступы и понятные SVG-иконки. Выбери палитру под нишу. Заголовки должны помещаться на экранах 320, 390, 768, 1024 и 1440 px, без горизонтального скролла и переносов по буквам. Декоративные анимации учитывают prefers-reduced-motion.

РЕАЛИЗАЦИЯ
Согласуй стек с задачами и требованиями к редактированию. Не ограничивайся картинкой: меню, поиск, фильтры, формы и состояния ошибок должны работать. Различай демонстрацию интерфейса и подключённую серверную функцию. Не выдавай имитацию оплаты, записи или отправки за работающую интеграцию.

КОНТЕНТ И SEO
Используй один понятный H1 на страницу, последовательные H2/H3, уникальные title и description, хлебные крошки, чистые URL, canonical, sitemap и robots. Разметку Schema.org добавляй только по реально отображаемым данным. Тексты должны отвечать на вопросы посетителя. Не выдумывай отзывы, клиентов, адреса, цены и достижения.

ПРОВЕРКА
Проверь клавиатурную навигацию, видимый фокус, контраст, подписи полей и сообщения ошибок. Задай размеры изображений, оптимизируй загрузку и защищай формы от спама. Перед сдачей проверь ссылки, фильтры, мобильные размеры и отправку формы.

РЕЗУЛЬТАТ
Покажи готовые страницы, инструкции запуска, проверенные сценарии и честно перечисли интеграции, которым нужны доступы.

079

Технологии

Финтех-услуги

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

Создай адаптивный сайт на тему «Финтех-услуги».

ЦЕЛЬ
Помочь посетителю выбрать подходящее предложение и связаться с бизнесом. Сначала уточни бренд, аудиторию, регион, исходные материалы и главное действие. Если информации не хватает, перечисли вопросы и обозначь заменяемые места.

СТРУКТУРА И СЦЕНАРИИ
Проблема пользователя, сценарии использования, возможности продукта и интерфейс; тарифы при наличии исходных данных; демонстрация или регистрация; интеграции, поддержка и документация.
Не придумывай доходность, гарантии, лицензии или финансовые показатели. Раздели описание продукта, условия и риски.

ДИЗАЙН
Собери цельную визуальную систему: выразительная типографика, аккуратная сетка, достаточные отступы и понятные SVG-иконки. Выбери палитру под нишу. Заголовки должны помещаться на экранах 320, 390, 768, 1024 и 1440 px, без горизонтального скролла и переносов по буквам. Декоративные анимации учитывают prefers-reduced-motion.

РЕАЛИЗАЦИЯ
Согласуй стек с задачами и требованиями к редактированию. Не ограничивайся картинкой: меню, поиск, фильтры, формы и состояния ошибок должны работать. Различай демонстрацию интерфейса и подключённую серверную функцию. Не выдавай имитацию оплаты, записи или отправки за работающую интеграцию.

КОНТЕНТ И SEO
Используй один понятный H1 на страницу, последовательные H2/H3, уникальные title и description, хлебные крошки, чистые URL, canonical, sitemap и robots. Разметку Schema.org добавляй только по реально отображаемым данным. Тексты должны отвечать на вопросы посетителя. Не выдумывай отзывы, клиентов, адреса, цены и достижения.

ПРОВЕРКА
Проверь клавиатурную навигацию, видимый фокус, контраст, подписи полей и сообщения ошибок. Задай размеры изображений, оптимизируй загрузку и защищай формы от спама. Перед сдачей проверь ссылки, фильтры, мобильные размеры и отправку формы.

РЕЗУЛЬТАТ
Покажи готовые страницы, инструкции запуска, проверенные сценарии и честно перечисли интеграции, которым нужны доступы.

080

Технологии

Платёжные сервисы

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

Создай адаптивный сайт на тему «Платёжные сервисы».

ЦЕЛЬ
Помочь посетителю выбрать подходящее предложение и связаться с бизнесом. Сначала уточни бренд, аудиторию, регион, исходные материалы и главное действие. Если информации не хватает, перечисли вопросы и обозначь заменяемые места.

СТРУКТУРА И СЦЕНАРИИ
Проблема пользователя, сценарии использования, возможности продукта и интерфейс; тарифы при наличии исходных данных; демонстрация или регистрация; интеграции, поддержка и документация.
Не придумывай доходность, гарантии, лицензии или финансовые показатели. Раздели описание продукта, условия и риски.

ДИЗАЙН
Собери цельную визуальную систему: выразительная типографика, аккуратная сетка, достаточные отступы и понятные SVG-иконки. Выбери палитру под нишу. Заголовки должны помещаться на экранах 320, 390, 768, 1024 и 1440 px, без горизонтального скролла и переносов по буквам. Декоративные анимации учитывают prefers-reduced-motion.

РЕАЛИЗАЦИЯ
Согласуй стек с задачами и требованиями к редактированию. Не ограничивайся картинкой: меню, поиск, фильтры, формы и состояния ошибок должны работать. Различай демонстрацию интерфейса и подключённую серверную функцию. Не выдавай имитацию оплаты, записи или отправки за работающую интеграцию.

КОНТЕНТ И SEO
Используй один понятный H1 на страницу, последовательные H2/H3, уникальные title и description, хлебные крошки, чистые URL, canonical, sitemap и robots. Разметку Schema.org добавляй только по реально отображаемым данным. Тексты должны отвечать на вопросы посетителя. Не выдумывай отзывы, клиентов, адреса, цены и достижения.

ПРОВЕРКА
Проверь клавиатурную навигацию, видимый фокус, контраст, подписи полей и сообщения ошибок. Задай размеры изображений, оптимизируй загрузку и защищай формы от спама. Перед сдачей проверь ссылки, фильтры, мобильные размеры и отправку формы.

РЕЗУЛЬТАТ
Покажи готовые страницы, инструкции запуска, проверенные сценарии и честно перечисли интеграции, которым нужны доступы.

Промпты для создания сайтов технологических проектов

Готовые промпты

SaaS-сервисы

Мобильные приложения

Стартапы

AI-инструменты

Браузерные расширения

Онлайн-калькуляторы

Автоматизация бизнеса и чат-боты

Криптопроекты и Web3

Финтех-услуги

Платёжные сервисы

Промпты для создания сайтов технологических проектов

Как выбрать подходящую основу

Как использовать коллекцию

Превратим идею в работающий сайт