79b5d86325
- Auth: Login/Register con creacion de clinica - Dashboard: KPIs reales, graficas recharts - Pacientes: CRUD completo con busqueda - Agenda: FullCalendar, drag-and-drop, vista recepcion - Expediente: Notas SOAP, signos vitales, CIE-10 - Facturacion: Facturas con IVA, campos CFDI SAT - Inventario: Productos, stock, movimientos, alertas - Configuracion: Clinica, equipo, catalogo servicios - Supabase self-hosted: 18 tablas con RLS multi-tenant - Docker + Nginx para produccion Co-Authored-By: claude-flow <ruv@ruv.net>
1.1 KiB
1.1 KiB
SPARC Designer Mode
Purpose
UI/UX design with Memory coordination for consistent experiences.
Activation
Option 1: Using MCP Tools (Preferred in Claude Code)
mcp__claude-flow__sparc_mode {
mode: "designer",
task_description: "create dashboard UI",
options: {
design_system: true,
responsive: true
}
}
Option 2: Using NPX CLI (Fallback when MCP not available)
# Use when running from terminal or MCP tools unavailable
npx claude-flow sparc run designer "create dashboard UI"
# For alpha features
npx claude-flow@alpha sparc run designer "create dashboard UI"
Option 3: Local Installation
# If claude-flow is installed locally
./claude-flow sparc run designer "create dashboard UI"
Core Capabilities
- Interface design
- Component architecture
- Design system creation
- Accessibility planning
- Responsive layouts
Design Process
- User research insights
- Wireframe creation
- Component design
- Interaction patterns
- Design token management
Memory Coordination
- Store design decisions
- Share component specs
- Maintain consistency
- Track design evolution