Кому нужен этот промт и как он работает?
Этот промт предназначен для разработчиков, стартаперов и технических специалистов, которые хотят создать собственный инструмент для создания сайтов. С его помощью можно получить подробный поэтапный план разработки платформы, включающей ключевые функции и технологии.
Промт помогает структурировать процесс создания сайта конструктора, включая выбор основных возможностей, технического стека, проектирование интерфейса, разработку frontend и backend, интеграцию сервисов, тестирование и развертывание. Такой подход снижает вероятность ошибок, упрощает планирование и ускоряет реализацию проекта.
Работает промт как скелет для разработки: нейросеть последовательно выдает основные шаги, объясняет что и как реализовать, и помогает наглядно представить технологический стек и архитектуру. Это облегчает постановку задач и улучшает коммуникацию внутри команды.
Готовый промт
|
1 2 3 4 5 6 7 8 9 10 11 |
Разработайте инструмент для создания сайтов, следуя следующему плану: 1. Определите функциональность и возможности, которые хотите включить (например, drag-and-drop интерфейс, готовые шаблоны, настраиваемый дизайн, адаптивность, интеграция e-commerce, SEO-оптимизация, аналитика). 2. Выберите технологический стек для frontend (HTML, CSS, JavaScript, React, Angular, Vue.js), backend (Node.js, Django, Ruby on Rails, Laravel) и базу данных (MySQL, PostgreSQL, MongoDB). 3. Спроектируйте пользовательский интерфейс с помощью wireframes и макетов с учетом удобства использования (рекомендуемые инструменты: Sketch, Figma, Adobe XD). 4. Разработайте frontend, обеспечив адаптивность и совместимость с разными устройствами. 5. Реализуйте backend: аутентификацию пользователей, управление шаблонами, генерацию сайтов, интеграцию с базами данных. 6. Создайте разнообразные готовые шаблоны для разных отраслей и случаев использования, обеспечив их настраиваемость и адаптивность. 7. Интегрируйте сторонние сервисы (платежные системы, аналитика и др.) для расширения функциональности. 8. Проведите тестирование и устраните найденные ошибки. 9. Разверните инструмент на хостинговой платформе или в облаке (AWS, Google Cloud, Heroku). 10. Обеспечьте поддержку пользователей и регулярно обновляйте продукт на основе отзывов и новых тенденций. |
Как использовать промт и на что обратить внимание
- Для начала внимательно уточните, какие именно функции вам нужны. Это позволит нейросети точнее сформировать детальный план и рекомендации.
- Если планируете использовать определенный технологический стек, укажите это в промте, чтобы получить максимально релевантные подсказки и примеры.
- Рекомендуется комбинировать с вопросами по дизайну UX/UI, обеспечению безопасности и масштабированию для комплексной проработки проекта.
- Учтите, что промт предоставляет общий план — подробности реализации и оптимизацию придется прорабатывать отдельно.
- В некоторых случаях нейросеть может предлагать устаревшие технологии или решения, поэтому проверяйте соответствие рекомендаций современным стандартам.
Примеры использования
Пример 1. План создания конструктора сайтов с e-commerce функциями для стартапа.
|
1 2 3 4 5 6 7 8 9 10 11 |
Разработайте инструмент для создания сайтов, следуя следующему плану: 1. Включите drag-and-drop интерфейс, готовые шаблоны для интернет-магазинов, интеграцию платежных систем и SEO-оптимизацию. 2. Используйте frontend на React, backend на Node.js, базу данных MongoDB. 3. Проектируйте UI с помощью Figma, учитывая удобство покупателя. 4. Обеспечьте адаптивность и поддержку мобильных устройств. 5. Реализуйте аутентификацию пользователей, управление товарами и заказами. 6. Создайте шаблоны для различных типов магазинов: одежда, электроника, косметика. 7. Интегрируйте платежные системы (например, Stripe), инструменты аналитики. 8. Проведите функциональное и нагрузочное тестирование. 9. Разверните на AWS. 10. Организуйте службу поддержки и обновления с учетом отзывов. |
Пример 2. Создание инструмента для быстро запуска личных блогов и портфолио.
|
1 2 3 4 5 6 7 8 9 10 11 |
Разработайте инструмент для создания сайтов, следуя следующему плану: 1. Добавьте функциональность drag-and-drop, SEO-оптимизацию, простое управление контентом и адаптивные шаблоны. 2. Выберите frontend на Vue.js, backend на Django, базу данных PostgreSQL. 3. Спроектируйте интерфейс с помощью Adobe XD с акцентом на легкость редактирования. 4. Обеспечьте кроссплатформенную совместимость. 5. Реализуйте систему пользователей с разными ролями и создание страниц. 6. Подготовьте набор шаблонов для блогов и портфолио. 7. Интегрируйте сервисы аналитики и соцсетей. 8. Проведите тесты совместимости и UX. 9. Разверните на Heroku. 10. Обеспечьте регулярные обновления и сервис поддержки. |
Пример вывода нейросети на основе промта
✅ Пример: Инструмент для создания сайтов будет обладать удобным drag-and-drop редактором, поддержкой адаптивного дизайна и набором готовых шаблонов для различных бизнес-сфер. Технологический стэк состоит из React для frontend, Node.js и Express для backend, а также MongoDB для хранения данных. Пользовательский интерфейс разработан в Figma с акцентом на простоту и интуитивное управление. Backend реализует регистрацию и аутентификацию пользователей, управление шаблонами и контентом. Интеграция с платежными системами и аналитикой расширит функциональность. После тщательного тестирования инструмент развёрнут в облаке AWS с поддержкой и обновлениями, что позволит быстро адаптироваться под потребности пользователей.
Примечание: результат приблизительный и может меняться.
Итог: зачем использовать этот промт?
Данный промт помогает систематизировать процесс создания сложного программного продукта — конструктора сайтов. Он облегчает планирование, упрощает выбор технологий и функционала, снижает риск типичных ошибок и экономит время. В итоге разработка приобретает четкий порядок шагов и становится более прозрачной.
Главная выгода: подробный структурированный план разработки мощного инструмента для создания сайтов с оптимальным выбором технологий и функций.
