UI Generation Prompt

Сгенерируй production-ready UI экран для SFERA.

Контекст

Проект: SFERA
Тип: Enterprise CRM/ERP/AI workspace
Стек: Next.js + React + TypeScript + Tailwind + shadcn/ui

Экран

Название экрана: [УКАЗАТЬ] Бизнес-сущность: [Клиент / Сделка / Задача / Мерчант / Бординг / AI Usage / Интеграции] Основные действия: [УКАЗАТЬ] Роли пользователей: [УКАЗАТЬ]

Обязательные требования

Современный enterprise UI
AppShell-compatible layout
PageHeader
Toolbar
Search
Filters
Empty state
Loading state
Error state
Permission state
Responsive layout
Использовать shadcn/ui
Использовать Tailwind
Использовать lucide-react icons
Не использовать inline styles
Не использовать случайные цвета
Статусы показывать через Badge
Опасные действия через confirmation dialog
Формы через React Hook Form + Zod
Таблицы через TanStack Table
AI действия через AI Copilot panel

Visual style

rounded-2xl
soft shadows
clean spacing
muted backgrounds
dark/light ready
dense but readable
enterprise premium look

Вывод

Верни:

Краткое описание UX.
Список компонентов.
Полный код компонентов.
Какие файлы создать.
Какие зависимости нужны.
Что проверить после генерации.

1.7 KiB Raw Blame History