Как передавать дизайн вместе с поведением и состояниями.
Передавайте поведение и состояния вместе с готовыми экранами. Документируйте адаптивность, ограничения контента и ресурсы; отмечайте нерешённое, чтобы разработчики не угадывали.
Адаптируйте процесс под свою задачу.
Перечислите экраны, взаимодействия, адаптивность и нетипичные состояния. Привяжите ресурсы и токены, опишите границы контента и назначьте ответственных за решения. Добавьте критерии приёмки для проверки поведения, а не догадки по картинке.
- Что вы предоставляете
- Объём дизайна и требования разработки.
- Что вы получите
- Список ресурсов, состояний, спецификаций и ответственных.
Посмотрите входные данные и результат.
Иллюстративные входные и выходные данные · учебный пример, а не реальный запуск WebAct
Полей ввода: Пример
Handoff review: search field and result cards supplied, but loading, empty and error states missing. Responsive rules and keyboard behavior also unspecified.
Готовый пример
Required handoff additions: - Loading: indicator, pending-control behavior and announcement to confirm. - No results: useful message and a way to revise the query. - Error: recovery action and retained-query behavior. - Keyboard: focus order, submission and result navigation. - Responsive: card columns and long-content behavior. - References: assets, tokens and content constraints. Assign a reviewer to each unresolved behavior before implementation; the current screens do not define these decisions.
Добавьте эти данные в промпт и скопируйте его в WebAct, чтобы попробовать задачу. Ваш результат может отличаться от примера.
Решения и устранение проблем.
Достаточно ли передать только экран удачных результатов поиска?
Включите загрузку, пустой результат, ошибку и клавиатуру: это реальные части пути пользователя.
Почему реализация расходится с макетом после первого совпадения?
Адаптивность, динамический текст и состояния могут не быть описаны. Добавьте их рядом с экраном.
Попробуйте на собственном источнике.
Замените пример своим материалом в промпте. Сохраните нужные требования и скопируйте задачу в WebAct.
Настроить и скопировать задачу ↑