Resum
Kanban Studio va néixer d’una necessitat molt concreta: volia una alternativa a Trello que encaixés amb la meva manera d’organitzar producte, desenvolupament i treball en equip. En lloc d’afegir una altra eina especialitzada per a cada fase, vaig construir un únic espai on una tasca pot passar d’idea a entrega sense perdre el context.
El producte combina taulers Kanban, vista de llista, calendari, timeline, documentació, timers, automatitzacions i col·laboració en temps real. També exposa el mateix model de treball a agents d’IA mitjançant MCP, de manera que una persona pot organitzar visualment el tauler mentre Claude, Cursor o un altre client compatible prepara o actualitza tasques amb operacions traçables.
Una mateixa feina, diverses maneres de veure-la
La decisió central del producte va ser mantenir una única font de veritat per a les tasques i permetre que cada moment del projecte utilitzi la vista més útil:
- Kanban per moure targetes entre etapes i entendre l’estat del flux.
- Llista per revisar moltes tasques en un format compacte.
- Calendari per treballar amb dates i reprogramar visualment.
- Timeline per planificar períodes de treball a partir de dates d’inici i entrega.
- Documentació per convertir el contingut estructurat de les targetes en una base de coneixement navegable.
Les targetes reuneixen descripció enriquida, etiquetes, responsables, dates, adjunts, checklists, comentaris, mencions, recurrència i registre de temps. Així, canviar de vista no fragmenta la informació ni obliga a mantenir còpies paral·leles.
Col·laboració sense perdre els límits de l’equip
Els workspaces agrupen membres i taulers, mentre els rols d’owner, admin, editor i viewer delimiten què pot fer cada persona. Un tauler es pot compartir entre equips quan el projecte ho necessita, sense convertir tot l’espai de treball en informació pública.
Dins de cada targeta, els comentaris amb mencions, les assignacions múltiples i l’historial d’activitat mantenen la conversa al costat de la feina. Els timers i registres de temps permeten mesurar la dedicació real; les targetes recurrents i les regles automàtiques s’ocupen de fluxos repetitius com assignar responsables, afegir etiquetes o establir una data quan hi ha un canvi.
Dissenyar la interacció perquè sigui immediata
En una eina de gestió, uns centenars de mil·lisegons entre arrossegar una targeta i veure-la en la nova posició canvien completament la percepció del producte. Vaig implementar mutacions optimistes que actualitzen les consultes de Convex —tauler, llista i detall— abans de rebre la resposta del servidor.
També vaig construir snapshots locals a IndexedDB per mostrar l’última versió coneguda del tauler mentre arriben les dades en viu. La reconciliació evita que una lectura tardana de la memòria cau sobreescrigui una consulta en temps real o una actualització optimista més recent. El shell privat es lliura aviat i cada secció carrega el seu propi estat, evitant bloquejar tota l’aplicació darrere d’una única pantalla d’espera.
El drag and drop utilitza dnd-kit i una capa d’arrossegament ancorada al punter per conservar la relació visual entre el cursor i la targeta. Moure feina entre columnes continua sent precís encara que la targeta original i la previsualització tinguin mides diferents.
Un tauler que també poden utilitzar els agents
La integració MCP converteix Kanban Studio en una font de veritat accessible des de Claude, Cursor, GitHub Copilot i altres clients compatibles. El servidor ofereix eines per consultar taulers, llistes, targetes, etiquetes, comentaris i checklists, a més d’operacions d’escriptura individuals i per lots.
Les operacions bulk_create_cards i bulk_update_cards accepten contingut complet i retornen resultats per element. D’aquesta manera, un lot pot informar d’èxits parcials sense ocultar quina acció ha fallat. L’autenticació admet OAuth amb PKCE i scopes separats per a lectura i escriptura, a més d’API keys administrables per a integracions controlades.
Convertir l’aplicació en producte
Més enllà del nucli de gestió, vaig desenvolupar el recorregut complet d’un SaaS publicat: autenticació, invitacions, perfils, emmagatzematge amb quotes, facturació amb Stripe, importació des de Trello, plantilles, taulers públics, idiomes, documentació i un blog orientat a adquisició. La landing comunica una promesa senzilla: totes les funcions estan disponibles per a equips de fins a deu persones, sense una prova que caduqui.
El meu rol
Producte · Full-stack
Aspectes destacats
- Vaig dissenyar i desenvolupar el producte des del flux de tauler fins a la landing i el model d’accés.
- Vaig unificar Kanban, llista, calendari, timeline i documentació sobre les mateixes targetes.
- Vaig implementar col·laboració en temps real, rols, mencions, assignacions, timers, recurrència i automatitzacions.
- Vaig construir mutacions optimistes i memòria cau local reconciliada perquè el tauler respongui de forma immediata.
- Vaig desenvolupar un servidor MCP amb OAuth, scopes, API keys i operacions per lots amb resultats detallats.
- Vaig afegir plantilles, importació de Trello, taulers públics, facturació i contingut localitzat.
Stack
- Next.js 16, React 19 i TypeScript
- Convex per a dades, realtime, emmagatzematge i funcions backend
- Better Auth amb sessions, OAuth i autorització per a MCP
dnd-kit, FullCalendar, MDXEditor, Radix UI i Tailwind CSS- Stripe per a subscripcions i límits de compte
- Vitest per a lògica de producte, seguretat, MCP, i18n i rutes