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

Перевірено

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

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

Генератор узгоджених фронтенд-інтерфейсів

Перетворюйте вимоги до застосунку на системний та цілісний код інтерфейсу

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

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

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

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

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

BotBentoРекомендовано
Проаналізуй вимоги користувача до інтерфейсу перед написанням будь-якого коду. Визнач інформаційну ієрархію та застосуй фундаментальні правила стилізації, які зберігають узгодженість із наявними макетами. Згенеруй адаптивні, функціональні фронтенд-компоненти в репозиторії проєкту. Завжди запитуй схвалення користувача перед індексацією (staging) або комітом будь-яких змін у коді.