150+ промптов для продвинутого вайб-кодинга - страница 3

Ожидаемый результат: AI сгенерирует серверные маршруты для создания, обновления и удаления задач, модели для MongoDB и Angular-компоненты для интерактивного отображения доски Kanban. Даже начинающий вайб-кодер сможет получить готовое к запуску приложение для командной работы без необходимости писать сложный код вручную.

Динамическая панель аналитики

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

Профессиональный промпт: «Сгенерируй веб-приложение на MEAN-стеке для динамической панели аналитики. Сервер на Node.js с Express.js должен предоставлять API для выборки статистических данных из MongoDB. На фронтенде реализуй Angular-компоненты для визуализации данных: графики, таблицы и фильтры для выбора периода. Интерфейс должен быть интуитивно понятным и адаптивным, с возможностью обновления данных в реальном времени. Обеспечь обработку ошибок при загрузке данных.»

Ожидаемый результат: Генерация кода будет включать создание API для получения аналитики, модели MongoDB для хранения статистики, а также Angular-компоненты для отображения графиков (например, с использованием библиотек визуализации) и таблиц. Промпт позволяет создать готовую панель аналитики, которая будет полезна для мониторинга показателей в режиме реального времени.

Агрегатор новостных лент

Описание задачи: Создать веб-приложение, которое агрегирует новости из разных источников, хранит их в MongoDB и отображает пользователю в виде ленты с возможностью фильтрации по категориям и датам. Серверная логика на Express.js обрабатывает запросы к внешним API и сохраняет полученные данные, а Angular отвечает за динамическое обновление интерфейса.

Профессиональный промпт: «Разработай новостной агрегатор на MEAN-стеке. Реализуй сервер на Node.js и Express.js, который получает новости через внешние API, сохраняет их в MongoDB и предоставляет REST API для получения новостных лент. На фронтенде с помощью Angular создай динамичный интерфейс, отображающий список новостей с фильтрацией по категориям и датам. Обеспечь адаптивный дизайн, обработку ошибок при загрузке данных и возможность обновления ленты по запросу пользователя.»

Ожидаемый результат: AI сгенерирует серверный код для интеграции с внешними API и хранения новостей, модели для MongoDB и Angular-компоненты для отображения и фильтрации новостной ленты. Начинающий вайб-кодер сможет запустить агрегатор, не углубляясь в технические детали интеграции с API.

Система регистрации и управления мероприятиями

Описание задачи: Создать приложение для регистрации на мероприятия, позволяющее пользователям просматривать список предстоящих событий, регистрироваться и получать подтверждения. Все данные (мероприятия, регистрации) хранятся в MongoDB, серверная логика реализована с использованием Express.js, а Angular отвечает за пользовательский интерфейс.

Профессиональный промпт: «Сгенерируй веб-приложение на MEAN-стеке для управления мероприятиями. Сервер на Node.js с Express.js должен предоставлять REST API для создания, редактирования и удаления мероприятий, а также для регистрации пользователей. Данные о мероприятиях и регистрациях сохраняются в MongoDB. На фронтенде реализуй Angular-компоненты для отображения списка мероприятий, детальной информации о каждом событии и формы регистрации. Дизайн должен быть современным и адаптивным, с уведомлением о подтверждении регистрации.»