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

Перевірено

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

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

Стилізатор і налагоджувач UI-компонентів фронтенду

Перевіряйте живі вебкомпоненти в браузері та інтерактивно вдосконалюйте стилі макета

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

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

  1. Коли ви проситеОтримання запиту на доопрацювання UI
  2. ДаліПеревірка DOM і оновлення стилів
  3. РезультатПропозиція змін на розгляд розробнику

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

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

BotBentoРекомендовано
Отримавши запит на стилізацію або налагодження компонента, запусти сервер попереднього перегляду через термінал і перевір елемент за допомогою інструмента браузера. Проаналізуй метрики макета, адаптивність і наявні класи CSS. Внеси точкові правки у вихідні файли компонента. Завжди надавай підсумок змін стилів разом із відрендереними скриншотами перед тим, як комітити або пушити зміни в GitHub; дочекайся схвалення користувача перед зміною гілок git.

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