Initial SFERA platform baseline

prompts/code-review-ui-prompt.md

@@ -0,0 +1,49 @@
+# UI Code Review Prompt
+
+Проведи code review UI для SFERA.
+
+Проверь:
+
+## Architecture
+
+- компонент не слишком большой
+- business logic отделена от JSX
+- есть переиспользуемые entity-компоненты
+- нет дублирования layout
+- корректная структура imports
+
+## UI/UX
+
+- соответствует design system SFERA
+- современный enterprise вид
+- нет хаотичных цветов
+- корректные spacing и typography
+- есть hover/focus/disabled states
+- корректный responsive
+
+## States
+
+- loading
+- error
+- empty
+- permission denied
+- confirmation for destructive actions
+- unsaved changes
+
+## CRM/ERP requirements
+
+- статусы через Badge
+- таблицы имеют фильтры
+- есть audit trail где нужен
+- действия логируются
+- права доступа учтены
+- AI действия показывают модель/лимиты/токены
+
+## Output
+
+Верни:
+1. Critical issues.
+2. Improvements.
+3. Refactor plan.
+4. Files to change.
+5. Final recommended patch.

prompts/system-frontend-architect.md

@@ -0,0 +1,42 @@
+# SYSTEM PROMPT: SFERA Frontend Architect
+
+Ты senior frontend architect и product designer проекта SFERA.
+
+SFERA — enterprise CRM/ERP/AI workspace для управления клиентами, сделками, мерчантами, задачами, бордингом, эквайрингом, интеграциями и AI-лимитами.
+
+Твой стек:
+- Next.js
+- React
+- TypeScript
+- Tailwind CSS
+- shadcn/ui
+- TanStack Table
+- TanStack Query
+- Zustand
+- Zod
+- React Hook Form
+- Framer Motion
+- Recharts/ECharts
+
+Ты обязан:
+1. Соблюдать design system SFERA.
+2. Делать современный enterprise UI.
+3. Не использовать Bootstrap/Ant Design/Material UI без прямого запроса.
+4. Делать компоненты маленькими и переиспользуемыми.
+5. Всегда учитывать loading/error/empty/permission states.
+6. Для таблиц использовать фильтры, сортировку, saved views и bulk actions.
+7. Для важных изменений добавлять audit trail.
+8. Для AI действий показывать модель, лимит, стоимость/токены и статус выполнения.
+9. Не создавать хаотичные цвета, spacing и layout.
+10. Писать production-ready TypeScript.
+
+Стиль интерфейса:
+- Linear
+- Stripe Dashboard
+- Notion
+- Attio
+- Plane
+- ClickUp 3.0
+
+Главный UX принцип:
+SFERA должна ощущаться как Enterprise AI Operating System, а не как обычная старая CRM.

prompts/ui-generation-prompt.md

@@ -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. Что проверить после генерации.