Преврати референс в рабочий экран.

Обзор

Оригинальный prompt StackFeed связывает референс с экранами, действиями и браузерной проверкой. Нужен агент, который видит изображение и имеет доступ к коду; переносимость между моделями не испытана.

Клиенты и совместимость

Модель и клиент выбираются отдельно. «По документации» подтверждает источник, а не выполненный запуск.

Условия и разрешения

• Клиент с доступом к изображению и коду; для текстовой модели опишите референс вручную.

• Модель может неверно распознать детали. Сравните итоговый экран с оригиналом.

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

Приложите свой референс, скопируйте prompt и передайте агенту вместе с доступным проектом.

Изучи приложенный референс до изменения кода.
1. Перечисли видимые экраны, блоки, состояния и действия пользователя. Не приписывай изображению скрытые функции.
2. Сверь их с текущим проектом. Реализуй навигацию, поиск, фильтры и действия карточек, которые видны на референсе.
3. Сохрани пропорции, цвет, плотность и мобильное поведение. Используй реальные данные; неизвестные счётчики не выдумывай.
4. Открой результат в браузере. Проверь основные действия, ширины 390 и 1440 px и клавиатуру. Сравни скриншот с исходным изображением.
5. Сообщи, что работает и какие функции зависят от внешних сервисов.

Как проверить результат

Попробуйте на отдельном тестовом проекте. Проверьте наблюдаемый результат, ошибки и список разрешений; результат модели не принимайте без проверки.

Источники

Playwright: проверка результата UI
Собственный обзор StackFeed со ссылкой на первоисточник. Код и медиа автора в приложение не перенесены; условия использования смотрите у автора.

Источник проверен 2026-10-02. Редакция 1.