CASE STUDY · PERSONAL TOOL CASO DE ESTUDIO · HERRAMIENTA PERSONAL
The spreadsheet worked.
The interface didn't. La hoja de cálculo funcionaba.
La interfaz no.
I had a Google Sheet full of product ideas, but managing them in a spreadsheet was getting frustrating. So I built a Kanban interface on top of the existing sheet, with drag-and-drop workflows, filtering, real-time write-back, and an AI workspace powered by Claude. Tenía una hoja de Google llena de ideas de producto, pero gestionarlas en una hoja de cálculo se volvía frustrante. Así que construí una interfaz Kanban sobre la hoja existente, con flujos de arrastrar y soltar, filtros, escritura en tiempo real y un espacio de trabajo con IA impulsado por Claude.
Same data,
a better way to work with it. Los mismos datos,
una mejor forma de trabajarlos.
01 · KEY TAKEAWAYS 01 · PUNTOS CLAVE
A better interface for an existing workflow. Una mejor interfaz para un flujo que ya existía.
-
Built from a real frustration Nace de una frustración real
I was already keeping my ideas in Google Sheets, but working with them was slow and clunky. Ya guardaba mis ideas en Google Sheets, pero trabajar con ellas era lento y torpe.
-
Same data, better UX Los mismos datos, mejor UX
Keeps Google Sheets as the source of truth, with a focused Kanban interface on top. Mantiene Google Sheets como fuente de verdad, con una interfaz Kanban enfocada encima.
-
AI where the work happens IA donde ocurre el trabajo
Claude helps develop and refine ideas without leaving the board. Claude ayuda a desarrollar y refinar ideas sin salir del tablero.
-
Made for myself Hecho para mí
A private tool I use to organize, explore and build product ideas. Una herramienta privada que uso para organizar, explorar y construir ideas de producto.
02 · THE PROBLEM 02 · EL PROBLEMA
Spreadsheets are great for data.
Not for working with ideas. Las hojas de cálculo son buenas para datos.
No para trabajar ideas.
Google Sheets was perfect as a place to store my product ideas. But as the list grew, it became harder to actually work with them. Changing status, prioritizing, and exploring ideas meant a lot of scrolling, filtering and manual updates. I wanted a more visual and interactive way to manage the same data, without moving it to a different tool. Google Sheets era perfecto para guardar mis ideas de producto. Pero a medida que la lista crecía, se volvía más difícil trabajar con ellas. Cambiar estados, priorizar y explorar ideas significaba mucho scroll, filtros y actualizaciones manuales. Quería una forma más visual e interactiva de gestionar los mismos datos, sin moverlos a otra herramienta.
"The data wasn't the problem. The problem was working with it." "Los datos no eran el problema. El problema era trabajar con ellos."
Great for storing ideas.
Not so great for managing them. Genial para guardar ideas.
No tanto para gestionarlas.
03 · THE APPROACH 03 · EL ENFOQUE
Keep what works. Build what's missing. Conserva lo que funciona. Construye lo que falta.
Instead of creating a new database, I kept Google Sheets as the backend and built a dedicated interface for the parts that were missing: a visual workflow, easy filtering, real-time updates and an AI helper for developing ideas. En vez de crear una base de datos nueva, mantuve Google Sheets como backend y construí una interfaz dedicada para lo que faltaba: un flujo visual, filtros fáciles, actualizaciones en tiempo real y un asistente de IA para desarrollar ideas.
Google Sheet
Data store Almacén de datos
Backend API
REST
Kanban UI
React
Claude API
Anthropic
Same source of truth.
A much nicer way to work with it. La misma fuente de verdad.
Una forma mucho mejor de usarla.
04 · WHAT I BUILT 04 · LO QUE CONSTRUÍ
A visual workspace for turning ideas into projects. Un espacio visual para convertir ideas en proyectos.
The app lets me manage my ideas in a Kanban board, with drag-and-drop, filters, tags and priority levels. Every change is saved back to Google Sheets in real time. A built-in Claude chat panel helps me refine ideas, generate structured prompts and explore next steps — without leaving the board. La app me deja gestionar ideas en un tablero Kanban, con arrastrar y soltar, filtros, etiquetas y niveles de prioridad. Cada cambio se guarda en Google Sheets en tiempo real. Un panel de chat con Claude me ayuda a refinar ideas, generar prompts estructurados y explorar próximos pasos — sin salir del tablero.
Real-time sync
with Google Sheets. Sync en tiempo real
con Google Sheets.
Kanban board Tablero Kanban
Drag and drop, filter, and organize your ideas. Arrastra, suelta, filtra y organiza tus ideas.
AI to refine and explore
ideas, right where I work. IA para refinar y explorar
ideas, donde trabajo.
AI chat panel Panel de chat con IA
Claude helps me develop and refine ideas without leaving the board. Claude me ayuda a desarrollar y refinar ideas sin salir del tablero.
05 · AI WORKSPACE 05 · ESPACIO CON IA
Claude sits next to the board, not in a separate tab. Claude vive junto al tablero, no en otra pestaña.
The chat panel knows the idea I'm looking at. I can ask Claude to sharpen a description, break an idea into features, generate a structured prompt or suggest what to build first — and paste the result straight back onto the card. El panel de chat conoce la idea que estoy viendo. Puedo pedirle a Claude que afine una descripción, divida una idea en funciones, genere un prompt estructurado o sugiera qué construir primero — y pegar el resultado directo en la tarjeta.
- Refine and rewrite idea descriptions Refina y reescribe descripciones de ideas
- Break an idea into features and scope Divide una idea en funciones y alcance
- Explore next steps without context switching Explora próximos pasos sin cambiar de contexto
06 · KEY DECISIONS 06 · DECISIONES CLAVE
What I chose — and what I left out. Lo que elegí — y lo que dejé fuera.
-
Sheets as source of truth Sheets como fuente de verdad
No migration, no new database. The sheet stays the system of record. Sin migración ni base nueva. La hoja sigue siendo el registro.
-
A thin REST backend Un backend REST liviano
Reads and writes to the Sheets API and keeps the board in sync. Lee y escribe en la API de Sheets y mantiene el tablero en sync.
-
Claude for ideation Claude para idear
The AI helps think, not just autocomplete. It's built into the flow. La IA ayuda a pensar, no solo a autocompletar. Está en el flujo.
-
Private, on purpose Privado, a propósito
Built for one user. No accounts, no sharing, no extra surface area. Hecho para un usuario. Sin cuentas, sin compartir, sin superficie extra.
07 · WHAT IT LOOKS LIKE 07 · CÓMO SE VE
A few screens from the app. Algunas pantallas de la app.
08 · ARCHITECTURE 08 · ARQUITECTURA
Small, boring pieces that fit together. Piezas pequeñas y aburridas que encajan.
-
Frontend — React + TypeScript Frontend — React + TypeScript
Kanban board, drag-and-drop, filters and the Claude chat panel. Tablero Kanban, arrastrar y soltar, filtros y el panel de Claude.
-
Backend — REST API Backend — API REST
Bridges the UI and the Google Sheets API, handling reads and writes. Conecta la UI con la API de Google Sheets, gestionando lecturas y escrituras.
-
Data — Google Sheets Datos — Google Sheets
The existing sheet stays the single source of truth for every idea. La hoja existente sigue siendo la única fuente de verdad de cada idea.
-
AI — Claude API IA — Claude API
Powers the workspace that refines and expands ideas in context. Impulsa el espacio que refina y expande ideas en contexto.
09 · WHAT I LEARNED 09 · LO QUE APRENDÍ
You don't always need to move the data. No siempre hay que mover los datos.
The tool changed.
The spreadsheet stayed. La herramienta cambió.
La hoja se quedó.
The instinct is to migrate everything into a "real" app. But the friction wasn't the storage — it was the interface. Building on top of the sheet meant I kept a tool I trust and only fixed the part that hurt. Putting Claude inside that same surface turned the board from a place to store ideas into a place to actually develop them. El instinto es migrar todo a una app "de verdad". Pero la fricción no era el almacenamiento — era la interfaz. Construir sobre la hoja me dejó conservar una herramienta en la que confío y arreglar solo lo que dolía. Poner a Claude en esa misma superficie convirtió el tablero de un lugar para guardar ideas en uno para desarrollarlas.
10 · DEMO 10 · DEMO
See it in action. Míralo en acción.
Dragging a card across the board updates its status and writes straight back to Google Sheets. Arrastrar una tarjeta por el tablero actualiza su estado y lo escribe directo en Google Sheets.
HAVE A SIMILAR PROBLEM? ¿TIENES UN PROBLEMA PARECIDO?
Have a similar problem in your business? ¿Tienes un problema parecido en tu negocio?
I build apps, AI features and automations around problems that are worth solving. Construyo apps, funciones de IA y automatizaciones alrededor de problemas que vale la pena resolver.