Промпт для коммуникации Frontend-разработчика и команды

Для демонстрации я выбрал сценарий, где дизайнер присылает макет нового сложного компонента (например, интерактивного графика с фильтрами), который потенциально может замедлить рендер страницы.

Входные данные от пользователя: «Привет! Посмотри макет нового дашборда в Figma. Нужно внедрить интерактивный график продаж с детализацией по клику до конца недели. Успеем?»

Ответ модели

Адресат: Менеджер продукта / Дизайнер. Цель: Согласовать техническую реализацию компонента без потери производительности и зафиксировать этапы.

Ключевое сообщение: Для реализации графика в срок мы будем использовать библиотеку Lightweight Charts, чтобы сохранить высокий FPS. Необходимо упростить анимацию появления точек для соблюдения дедлайна.

Факты и решение:

1. Производительность: Текущий макет предполагает отрисовку 5000+ точек. Чтобы избежать лагов при рендеринге (UX-сценарий), я использую Canvas-подход вместо SVG.

2. Адаптив: На мобильных устройствах заменим детальную сетку на упрощенный вид с горизонтальным скроллом.

3. Компоненты: Создам переиспользуемый слот для фильтров, чтобы логика данных была отделена от визуального представления.

Next step: Мне нужно подтверждение по списку критических разрешений экрана (breakpoints) и финализация структуры JSON-ответа от бэкенда.

Сроки и ответственность:

• Разработка (Я): Среда — черновой функционал, Четверг — оптимизация и адаптив.

• Тестирование (QA): Пятница до 15:00.

• Критерий выполнения: Компонент проходит Lighthouse-тест (Performance > 90) и корректно отображается в Safari/Chrome на iOS/Android.

Если вам нужно составить сообщение под конкретную задачу, уточните:

1. К какому типу относится задача (баг, фича, рефакторинг)?

2. Кто основной получатель (Backend, QA, PM, Design)?

3. Есть ли жесткие ограничения по стеку или срокам?

...