Ideas de proyectos de vibe coding inspiradas en productos indie reales

Empieza por una tarea que puedas observar

Describe una persona, un momento y un resultado antes de elegir un framework. «Ayúdame a elegir la siguiente tarea de casa» es más fácil de comprobar que «crea una plataforma de productividad». Anota qué debería ver la persona tras una acción correcta y qué debería ocurrir si falla.

Después, elige una primera versión que puedas revisar por tu cuenta. Las ideas siguientes excluyen deliberadamente cuentas, pagos y edición compartida. Añádelos solo cuando funcione el flujo básico y comprendas las reglas adicionales sobre datos y permisos.

Una lista de próximas tareas para el hogar

CueKit y TaskyHome sirven como referencias para convertir planes en acciones manejables. Tu pequeño experimento podría permitir añadir una tarea, asignarle una habitación y elegir qué hacer a continuación. Debería ser posible deshacer la acción de marcar una tarea como completada.

Mantén una única lista local en la primera versión. Comprueba la lista vacía, un nombre largo, la recarga, el uso del teclado y un fallo al guardar. Deja para después las cuentas familiares compartidas y los recordatorios entre dispositivos. El almacenamiento del navegador puede bloquearse o borrarse: explica que la lista se guarda en este dispositivo y muestra un error si no se puede guardar.

Referencia: MDN: Window.localStorage

Un temporizador de trabajo y descanso con límites claros

Hi Eye es una referencia para crear una rutina suave de pausas. Un experimento en el navegador podría ofrecer una duración de trabajo, otra de descanso y controles claros para iniciar, pausar y reiniciar. Limita su propósito a apoyar un hábito; no presentes el temporizador como un método para diagnosticar, tratar o prevenir una afección ocular.

Comprueba el tiempo transcurrido después de cambiar de pestaña, pausar y reanudar. Decide expresamente qué ocurre al recargar. Que un temporizador funcione con su pestaña abierta no demuestra que sus alarmas en segundo plano sean fiables. Aplaza las notificaciones nativas y las funciones de la pantalla bloqueada hasta poder probar la plataforma correspondiente.

Un pequeño espacio para practicar Morse

Hi Morse ofrece una interacción de aprendizaje concreta: convertir un mensaje corto en puntos y rayas y practicar el reconocimiento de unas pocas letras. Empieza con una tabla visible y una sola dirección de conversión antes de añadir sonido.

Usa ejemplos conocidos como SOS y especifica cómo tratar espacios, puntuación y caracteres no admitidos. Nunca descartes entradas sin avisar. Si añades audio, incluye un control para detenerlo y un equivalente textual. La codificación Morse no es cifrado. Aplaza el teclado personalizado, la linterna y la puntuación hasta que la conversión básica sea correcta.

Una historia con unas pocas fotos elegidas

Evermory es una referencia para organizar recuerdos en una historia. Un proyecto web más pequeño podría permitir elegir tres fotos, ordenarlas, añadir pies de foto y previsualizar una página imprimible. Usa imágenes propias o recursos que tengas permiso para utilizar.

Prueba fotos verticales y horizontales, pies de foto vacíos y la cancelación de la selección de archivos. Indica si los archivos permanecen en el navegador o se suben a un servidor. Aplaza el acceso a toda la fototeca, la inferencia de ubicaciones, la sincronización y el borrado de fotos. Una vista previa clara ya resulta útil sin esos permisos.

Da al asistente de programación un encargo verificable

Sustituye una petición amplia por un pequeño contrato. Este ejemplo es un punto de partida editable, no una promesa de que una sola instrucción produzca una app terminada.

Público: una persona que elige una tarea de casa.
Entrada: nombre de la tarea y habitación opcional.
Acciones: añadir, completar, deshacer y borrar tras confirmar.
Almacenamiento: solo este navegador; avisar si falla el guardado.
Excluir: cuentas, pagos, edición compartida y analítica.
Comprobar: estado vacío, recarga, texto largo, teclado y almacenamiento no disponible.
Antes de programar: explicar el modelo de datos y los estados de error.
Después: ejecutar las comprobaciones e indicar qué sigue sin verificarse.

Elige la idea que puedas comprobar

Prueba el producto de referencia, identifica una interacción que merezca la pena entender y redacta tu propia versión del encargo. Mantén el primer recorrido correcto lo bastante pequeño para explicarlo sin capturas. Antes de publicarlo, usa la lista de comprobación de lanzamiento para convertir «funciona en mi pantalla» en pruebas concretas.