61 lines
1.7 KiB
Markdown
61 lines
1.7 KiB
Markdown
# 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
|
|
|
|
## Вывод
|
|
|
|
Верни:
|
|
1. Краткое описание UX.
|
|
2. Список компонентов.
|
|
3. Полный код компонентов.
|
|
4. Какие файлы создать.
|
|
5. Какие зависимости нужны.
|
|
6. Что проверить после генерации.
|