Initial SFERA platform baseline
This commit is contained in:
@@ -0,0 +1,60 @@
|
||||
# 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. Что проверить после генерации.
|
||||
Reference in New Issue
Block a user