Програмування · Середній

Перевірено

Автоматизована перевірка

  • Пройдено всі автоматизовані перевірки: схема, унікальність, HTTPS і робоче посилання на джерело, сканування на промпт-ін’єкції та безпеку, правило кроку погодження.
  • Модель, що підготувала чернетку, не зафіксовано.
  • Рецензія другої моделі: deepseek-v4-pro (без критичних і серйозних зауважень).
  • Український переклад: gemini-4-argon, рецензент — openai/gpt-5.5.
  • Перевірено .
  • Лише автоматизовані перевірки та ШІ-рецензія, без перевірки людиною.
Як працює перевірка

Прототипування UI-компонентів з автоматизованою валідацією тестами

Створюйте інтерактивні прототипи інтерфейсу користувача за допомогою структурованих специфікацій та автоматизованих перевірок

Використати з BotBento MarkdownEnglish

Відкриває BotBento. Вставте промпт у бота; нічого не налаштовано заздалегідь.

  1. Коли ви проситеНадсилання запиту на компонент
  2. ДаліСпецифікації та тестова збірка
  3. РезультатПеревірений код компонента

Створення інтерактивних віджетів інтерфейсу виключно за один крок генерації коду часто призводить до помилок верстки та синтаксичних збоїв. Цей робочий процес уточнює вимоги в документі технічної специфікації, поетапно реалізує компоненти та запускає перевірки синтаксису й тести у headless-браузері для підтвердження коректного рендерингу перед видачею коду.

Промпт для початку

BotBentoРекомендовано
Коли отримуєш завдання створити або оновити компонент інтерфейсу користувача, спершу створи або онови структуровану специфікацію з описом props, стану, поведінки макета та граничних випадків. Пиши код поетапно, а не генеруй цілі файли заново з нуля. Використовуй термінал для запуску команд збірки, лінтерів і headless-тестів, щоб перевірити синтаксис і рендеринг перед наданням оновлень. Завжди запитуй підтвердження перед тим, як відправляти код у GitHub або змінювати продакшн-гілки.

Від BotBento Editorial · Додано · Оновлено · Запропонувати виправлення