Resumen
Kanban Studio nació de una necesidad muy concreta: quería una alternativa a Trello que encajara con mi forma de organizar producto, desarrollo y trabajo en equipo. En lugar de sumar otra herramienta especializada para cada fase, construí un único espacio donde una tarea puede pasar de idea a entrega sin perder su contexto.
El producto combina tableros Kanban, vista de lista, calendario, timeline, documentación, timers, automatizaciones y colaboración en tiempo real. También expone el mismo modelo de trabajo a agentes de IA mediante MCP, de forma que una persona puede organizar visualmente el tablero mientras Claude, Cursor u otro cliente compatible prepara o actualiza tareas con operaciones trazables.
Un mismo trabajo, varias formas de verlo
La decisión central del producto fue mantener una única fuente de verdad para las tareas y permitir que cada momento del proyecto utilice la vista más útil:
- Kanban para mover tarjetas entre etapas y entender el estado del flujo.
- Lista para revisar muchas tareas de forma compacta.
- Calendario para trabajar con fechas y reprogramar visualmente.
- Timeline para planificar periodos de trabajo a partir de fechas de inicio y entrega.
- Documentación para convertir el contenido estructurado de las tarjetas en una base de conocimiento navegable.
Las tarjetas reúnen descripción enriquecida, etiquetas, responsables, fechas, adjuntos, checklists, comentarios, menciones, recurrencia y registro de tiempo. Así, cambiar de vista no fragmenta la información ni obliga a mantener copias paralelas.
Colaboración sin perder los límites del equipo
Los workspaces agrupan miembros y tableros, mientras los roles de owner, admin, editor y viewer delimitan qué puede hacer cada persona. Un tablero puede compartirse entre equipos cuando el proyecto lo necesita, sin convertir todo el espacio de trabajo en información pública.
Dentro de cada tarjeta, los comentarios con menciones, las asignaciones múltiples y el historial de actividad mantienen la conversación junto al trabajo. Los timers y registros de tiempo permiten medir la dedicación real; las tarjetas recurrentes y las reglas automáticas se ocupan de flujos repetitivos como asignar responsables, añadir etiquetas o establecer una fecha cuando ocurre un cambio.
Diseñar la interacción para que se sienta inmediata
En una herramienta de gestión, unos cientos de milisegundos entre arrastrar una tarjeta y verla en su nueva posición cambian por completo la percepción del producto. Implementé mutaciones optimistas que actualizan las distintas consultas de Convex —tablero, lista y detalle— antes de recibir la respuesta del servidor.
También construí snapshots locales en IndexedDB para mostrar la última versión conocida del tablero mientras llegan los datos en vivo. La reconciliación está diseñada para que una lectura tardía de caché nunca sobrescriba una consulta en tiempo real o una actualización optimista más reciente. El shell privado se entrega pronto y cada sección carga su propio estado, evitando bloquear toda la aplicación detrás de una única pantalla de espera.
El drag and drop utiliza dnd-kit y una capa de arrastre anclada al puntero para conservar la relación visual entre el cursor y la tarjeta. Esto hace que mover trabajo entre columnas siga resultando preciso incluso cuando la tarjeta original y su preview tienen tamaños distintos.
Un tablero que también pueden utilizar los agentes
La integración MCP convierte Kanban Studio en una fuente de verdad accesible desde Claude, Cursor, GitHub Copilot y otros clientes compatibles. El servidor ofrece herramientas para consultar tableros, listas, tarjetas, etiquetas, comentarios y checklists, además de operaciones de escritura individuales y por lotes.
Las operaciones bulk_create_cards y bulk_update_cards aceptan contenido completo y devuelven resultados por elemento. De este modo, un lote puede informar de éxitos parciales sin ocultar qué acción ha fallado. La autenticación admite OAuth con PKCE y scopes separados para lectura y escritura, además de API keys administrables para integraciones controladas.
Convertir la aplicación en producto
Además del núcleo de gestión, desarrollé el recorrido completo de un SaaS publicado: autenticación, invitaciones, perfiles, almacenamiento con cuotas, facturación con Stripe, importación desde Trello, plantillas, tableros públicos, idiomas, documentación y un blog orientado a adquisición. La landing comunica una promesa sencilla: todas las funciones están disponibles para equipos de hasta diez personas, sin una prueba que caduque.
Mi rol
Producto · Full-stack
Aspectos destacados
- Diseñé y desarrollé el producto desde el flujo de tablero hasta la landing y el modelo de acceso.
- Unifiqué Kanban, lista, calendario, timeline y documentación sobre las mismas tarjetas.
- Implementé colaboración en tiempo real, roles, menciones, asignaciones, timers, recurrencia y automatizaciones.
- Construí mutaciones optimistas y caché local reconciliada para que el tablero responda de forma inmediata.
- Desarrollé un servidor MCP con OAuth, scopes, API keys y operaciones por lotes con resultados detallados.
- Añadí plantillas, importación de Trello, tableros públicos, facturación y contenido localizado.
Stack
- Next.js 16, React 19 y TypeScript
- Convex para datos, realtime, almacenamiento y funciones backend
- Better Auth con sesiones, OAuth y autorización para MCP
dnd-kit, FullCalendar, MDXEditor, Radix UI y Tailwind CSS- Stripe para suscripciones y límites de cuenta
- Vitest para lógica de producto, seguridad, MCP, i18n y rutas