NexusBoard — Especificación de Producto

Vision del Producto Mission Control

NexusBoard es el centro de control de operaciones para los account managers de CULTIVA IA: una interfaz densa pero legible que convierte el caos de múltiples proyectos de automatización en visibilidad inmediata. No un CRM, no una hoja de cálculo — una sala de control diseñada para profesionales que necesitan decisiones en segundos, no en minutos.

Design Direction Anti-AI-Slop

Paleta de colores

Tipografía

Inter para UI (400/500/600)
JetBrains Mono para métricas
28px headers · 14px body · 11px labels

Layout philosophy

"Dense mission control" — sidebar 240px, header 56px, grid 12 col. Sin espacios muertos.

Inspiración

Linear.app (densidad) · Vercel dashboard (tipografía) · Datadog (jerarquía de alertas)

Anti-AI-Slop directives

✗ Gradientes hero ✗ Ilustraciones stock ✗ Paletas azul-blanco genéricas ✗ Cards con sombras exageradas ✗ Progress bars sin semántica

Feature #1 — Project Grid (mock interactivo) Sprint 1

Cliente	Proyecto	Estado	Sprint %	ROI actual	Próximo hito	Health
Clínica Nortex	Automatización citas	on-track	78%	+€4.2k	23 jun	↑ mejorando
LogiTrack S.L.	Agente de facturas	at-risk	42%	+€1.8k	19 jun ⚠	↓ deteriorando
Academia Pulsar	Chatbot soporte	blocked	31%	+€0.6k	bloqueado	↓ crítico
Gastro Vélez	Automatización pedidos	completed	100%	+€7.9k	—	→ estable

Features (16 total, prioritizadas)

Must-Have × 6 Should-Have × 6 Nice-to-Have × 4

1

Project Grid

Tabla/grid ordenable y filtrable de todos los proyectos activos del AM con estado, progreso de sprint, ROI y próximo hito.

Sprint 1
2

Alert Feed en tiempo real

Sidebar de alertas por severidad (critical/warning/info) con notificación toast al entrar. Marcar como leída/ignorada.

Sprint 2
3

Panel ROI por proyecto

ROI acumulado (€), horas ahorradas/semana, coste auto vs manual, sparkline de 30 días. Datos listos para API Supabase.

Sprint 2
4

Timeline de tareas (14 días)

Lista cronológica con scroll infinito, agrupada por día, diferenciando hoy/mañana/semana próxima con separadores visuales.

Sprint 2
7

Command Palette (⌘K)

Búsqueda fuzzy global sobre proyectos, clientes y tareas. Resultados < 200ms, navegación por teclado, cierra con Escape.

Sprint 3
10

Export PDF de cliente

Genera PDF de 1 página con métricas clave y próximos hitos del cliente. Descarga automática con Puppeteer/React-pdf.

Sprint 4
16

Notificaciones push PWA

Service worker para push de alertas críticas aunque la tab esté cerrada. Permiso al primer login. Chrome/Firefox/Edge.

Sprint 5+

Technical Stack React + Supabase

Frontend

React 18 + TypeScript

Vite

Tailwind CSS v3

React Router v6

Backend / BaaS

Supabase (Postgres)

Supabase Auth

Supabase Realtime

Supabase Storage

Key Libraries

@tanstack/react-query v5

recharts (sparklines)

cmdk (command palette)

date-fns · lucide-react

Testing / Deploy

Vitest + RTL

Playwright (E2E)

Vercel (frontend)

Supabase hosted

Evaluation Rubric (para el agente evaluador) GAN Evaluator Input

Design Quality

30%

Paleta dark (#0F1117/#1C1F2E) consistente en todos los componentes
Badges de estado con color semántico correcto (verde/amarillo/rojo)
Tipografía mixta Inter + JetBrains Mono aplicada consistentemente
Sin sombras exageradas, gradientes hero ni ilustraciones

Originality

20%

Layout "mission control" diferente a dashboard genérico de cards
Command palette (⌘K) como diferenciador de UX profesional
Indicadores de health trend (no en dashboards básicos)
Evoca Linear/Vercel, no un template de AdminLTE

Craft

30%

Transiciones de estado en alertas (150ms ease-out)
Estados vacíos con microcopy útil (no placeholders vacíos)
Skeleton screens en carga (no spinners de pantalla completa)
Funcional en 1280px, 1440px y 1920px sin romper
Tooltips en íconos y métricas con contexto real

Functionality

20%

Flujo 1: Login → proyectos → alerta crítica → ROI en <4 clics
Flujo 2: ⌘K búsqueda → vista cliente → export PDF <6 acciones
Flujo 3: filtrar at-risk → ordenar → URL compartible con filtros
Alertas Realtime sin refrescar página (Supabase Realtime)

Sprint Plan 5 sprints · ~10 semanas

Sprint 1

Foundation

sem 1–2

#1 Project Grid #5 Auth #6 Sidebar

DoD: AM puede loguearse, ver su lista de proyectos con estados y ordenarla. CI pasa.

Sprint 2

Core Ops

sem 3–4

#2 Alert Feed #3 ROI Card #4 Timeline

DoD: alertas en vivo, detalles de ROI y agenda de 14 días. Playwright test flujo 1.

Sprint 3

Power UX

sem 5–6

#7 ⌘K Palette #8 Vista cliente #11 Filtros URL #12 Health trend

DoD: ⌘K funcional, URL shareable con filtros, health trend en grid. Playwright test flujo 3.

Sprint 4

Collaboration

sem 7–8

#9 Comentarios #10 Export PDF

DoD: comentarios con @mentions, PDF generado con datos reales. Playwright test flujo 2.

Sprint 5+

Polish & Scale

sem 9+

#13 Slack/Notion #14 Light mode #15 Admin analytics #16 PWA push

DoD: app en Vercel, Lighthouse > 90, cobertura tests > 70%, todas las features deployed.