Конструктор промптов для JavaScript-разработчика в маркетплейсах
Работа с маркетплейсами требует однотипных задач: карточки товаров, интеграции API, обработка цен, оптимизация скорости. ИИ ускоряет их, но только при грамотном эффективном промпте. Разберем структуру и дадим готовые шаблоны.
Структура эффективного промпта
Любой запрос к ИИ должен включать пять элементов:
- Роль — кем выступает ИИ: senior JavaScript-разработчик, эксперт по фронтенду.
- Контекст — платформа, стек, ограничения, ссылки на документацию.
- Задача — конкретное действие: написать, исправить, объяснить.
- Формат вывода — код с комментариями, таблица, список.
- Ограничения — не использовать библиотеки, поддерживать IE11, и т.д.
| Компонент | Пример |
|---|---|
| Роль | Ты senior JavaScript-разработчик |
| Контекст | Проект на React, маркетплейс Ozon |
| Задача | Создай компонент карточки товара |
| Формат | JSX + CSS modules |
| Ограничения | Без TypeScript, без внешних библиотек |
Настраивайте каждый компонент под свою задачу — это и есть конструктор промптов.
Готовые шаблоны запросов
1. Генерация UI-компонента
Шаблон промпта: «Ты senior JavaScript-разработчик. Маркетплейс Wildberries. Напиши React-компонент карточки товара: изображение, цена со скидкой, рейтинг. Используй styled-components. Код должен быть оптимизирован для рендеринга 100 карточек. Выведи только код и краткое описание.»
2. Ревью кода интеграции API
Шаблон промпта: «Ты эксперт по JavaScript. Проверь код интеграции с API Яндекс.Маркета. Обрати внимание на обработку ошибок, таймауты, безопасность. Предложи исправления в формате «было/стало». Код: ...»
3. Оптимизация скорости загрузки
Шаблон промпта: «Ты JavaScript-разработчик, специализируешься на производительности. Страница карточки товара грузится 5 секунд. Проанализируй возможные причины: тяжелые скрипты, неоптимальные запросы. Дай список из 10 конкретных улучшений с приоритетами. Используй таблицу для вывода.»
Как настраивать шаблоны
- Замените платформу и стек в контексте.
- Уточните глубину ответа: краткий или подробный.
- Добавьте реальный код или данные в задачу.
- Проверьте соответствие ограничениям проекта.