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

Перевірено

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

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

Перетворення CSS-правок із браузера на стилі React

Переводьте зміни стилів з інспектора браузера у формат стилізації ваших компонентів

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

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

  1. Коли ви проситеНадіслати CSS з інспектора
  2. ДаліПеретворити на синтаксис компонента
  3. РезультатПереглянути запропонований diff

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

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

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

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