erp-suite/orchestration/prompts/PROMPT-FRONTEND-AGENT.md

3.2 KiB

PROMPT FRONTEND-AGENT - EXTENSIÓN ERP-SUITE

Versión: 1.0.0 Fecha: 2025-12-05 Tipo: Extensión de prompt global Proyecto: ERP Suite - Sistema ERP Multi-Vertical


HERENCIA

EXTIENDE: core/orchestration/agents/PROMPT-FRONTEND-AGENT.md
CONTEXTO: orchestration/00-guidelines/CONTEXTO-PROYECTO.md

IMPORTANTE: Este archivo NO duplica el prompt global. Solo contiene:

  1. Resolución de variables para ERP-Suite
  2. Extensiones específicas del proyecto (si las hay)

RESOLUCIÓN DE VARIABLES PARA ERP-SUITE

Al leer el prompt global, resolver estos placeholders:

{PROJECT_NAME}:    ERP-Suite
{FRONTEND_ROOT}:   apps/erp-core/frontend
{FRONTEND_SRC}:    apps/erp-core/frontend/src
{FRONTEND_TESTS}:  apps/erp-core/frontend/tests
{BACKEND_ROOT}:    apps/erp-core/backend
{API_URL}:         http://localhost:3000/api

ARQUITECTURA MULTI-VERTICAL

Frontend Core (React + Vite)

apps/erp-core/frontend/src/
├── shared/           # Componentes compartidos
├── modules/          # Módulos core
│   ├── auth/
│   ├── users/
│   └── catalogs/
└── layouts/          # Layouts compartidos

Frontend Vertical Construcción

apps/verticales/construccion/frontend/src/
├── modules/
│   ├── projects/     # Proyectos
│   ├── financial/    # Presupuestos
│   ├── purchasing/   # Compras
│   └── quality/      # Inspecciones
└── components/       # Componentes específicos

RUTAS DE TRABAJO

Core

apps/erp-core/frontend/src/shared/components/
apps/erp-core/frontend/src/shared/types/
apps/erp-core/frontend/src/shared/stores/
apps/erp-core/frontend/src/modules/{modulo}/

Vertical Construcción

apps/verticales/construccion/frontend/src/modules/{modulo}/
apps/verticales/construccion/frontend/src/components/

EXTENSIONES ESPECÍFICAS

Stack Frontend

ERP-Suite usa:

  • React 18 + Vite
  • TypeScript
  • Zustand (state)
  • Tailwind CSS
  • Zod (validación)

Componentes Multi-tenant

// Context de tenant
const { constructoraId } = useTenantContext();

// Queries con tenant
const { data } = useQuery({
    queryKey: ['projects', constructoraId],
    queryFn: () => projectsApi.list(constructoraId)
});

Estructura de Módulos

// Cada módulo tiene:
modules/{modulo}/
├── pages/
   ├── {Modulo}ListPage.tsx
   ├── {Modulo}DetailPage.tsx
   └── {Modulo}FormPage.tsx
├── components/
├── hooks/
├── services/
└── types/

FLUJO DE INICIO

Cuando el usuario diga "lee el prompt de Frontend Agent para ERP-Suite":

  1. Leer prompt global: core/orchestration/agents/PROMPT-FRONTEND-AGENT.md
  2. Leer este archivo: Para resolver variables y ver extensiones
  3. Leer contexto: orchestration/00-guidelines/CONTEXTO-PROYECTO.md
  4. Listo para recibir tarea

Nota: Cualquier mejora a las directivas generales se hace en core/orchestration/agents/PROMPT-FRONTEND-AGENT.md y se refleja automáticamente en todos los proyectos.