Skip to content

Промпт: шаблон CRUD-интерфейса (React + MUI)

Эталонный промпт для Cursor / AI-ассистента при генерации типового CRUD-UI в проекте Nimbus.


Контекст

  • Стек: React, TypeScript, Vite, MUI v7, React Router v7.
  • Паттерн: страница списка с таблицей, модальное окно или отдельная страница для создания/редактирования, подтверждение удаления.

Промпт (копируй в чат)

Создай CRUD-страницу для сущности «[НАЗВАНИЕ]» в Nimbus:

1. Список: таблица MUI DataGrid или MUI Table с колонками [перечисли поля].
2. Кнопки: «Добавить», «Редактировать» (по строке), «Удалить» (с подтверждением).
3. Форма создания/редактирования: поля [перечисли], валидация [при необходимости].
4. API: GET/POST/PUT/DELETE к [укажи базовый путь API, например /api/core/room-kinds].
5. Роут: /crud/[slug] (в соответствии с существующей структурой frontend/src/crud-dashboard).
6. Не трогать: биллинг, расчёты ПП 354, Ledger, балансы. Только справочник/CRUD.

Подстановки

ПлейсхолдерПример
[НАЗВАНИЕ]Типы помещений (RoomKind)
[перечисли поля]id, name, code, isActive
[базовый путь API]/api/core/room-kinds

Ссылки