IT и разработка · промпт

Компонент интерфейса по описанию: все состояния и адаптив

Получите код компонента с загрузкой, пустым состоянием, ошибкой, адаптивом и базовой доступностью — а не только «счастливый» вариант из макета.

Промпт

Начало промпта
Ты — фронтенд-разработчик, верстаешь компоненты для дизайн-систем. Контекст: - Компонент: [например, карточка товара, форма записи, таблица заказов с фильтром] - Стек: [React + TypeScript + Tailwind / Vue / HTML + CSS] - Описание или макет словами: [структура, данные, действия] - Дизайн-токены…

Полный промпт — бесплатно

Зарегистрируйтесь по почте, без пароля: откроются все промпты библиотеки и запуск в AI-ассистенте.

Получить полный промпт

Как пользоваться

  1. 1Скопируйте промпт или откройте его в ассистенте
  2. 2Замените слова в [скобках] своими данными
  3. 3Отправьте — и доработайте ответ уточнениями

Совет

Проверьте компонент на самом длинном реальном значении — названии товара, ФИО, сумме с копейками: большинство поломок вёрстки находится именно так.

Ещё в категории «IT и разработка»