Saltar al contenido

Aprender y construir · Desde mi canal

Crear un prototipo con IA: de una interfaz a una función real

En esta clase pruebo la creación de interfaces y aplicaciones con ayuda de IA. El ejemplo parte de herramientas para miniaturas y recortes de vídeo. Lo más útil es observar la distancia entre una pantalla que parece terminada y una aplicación que completa el trabajo que promete.

Por Eric Muriel3 min de lectura

Lectura adaptada con asistencia de IA a partir de la transcripción de mi vídeo. Contexto de esta edición · Explorar mi canal

Eric Muriel · Contenido propio · vídeo original · Publicado el 17 de septiembre de 2025. YouTube se carga al pulsar reproducir.

01Describe una primera función pequeña

La sesión comienza pidiendo una aplicación mediante un chat y ajustando lo que aparece. Para que ese proceso tenga dirección, conviene definir una acción principal: qué aporta el usuario, qué hace la aplicación y qué resultado recibe.

Si quieres una herramienta de miniaturas, empieza por un recorrido concreto en vez de un catálogo de funciones. Escribe también qué queda fuera. Esta descripción ayuda a revisar el resultado y a evitar que una interfaz vistosa esconda una tarea que todavía no existe.

Referencia [1]: Eric Muriel · YouTube

02Una vista nueva no demuestra una conexión

En la demostración aparece un botón que no lleva a una vista preparada y pido crear esa pantalla. Más adelante distingo la parte visible de lo que tendría que funcionar por detrás. Esa separación es importante cuando enseñas un prototipo a otra persona.

Comprueba cada recorrido con datos de ejemplo. Si el resultado es simulado, indícalo. Para considerarlo funcional necesitas verificar la operación real, la respuesta y el comportamiento cuando falta información o se produce un error.

03Las claves necesitan más que un nombre de archivo

La clase también aborda archivos de entorno y repositorios. Aquí conviene precisar una explicación de la grabación: llamar .env a un archivo no protege por sí solo su contenido. Importa dónde se utiliza, qué se publica y qué puede llegar al navegador.

Guarda los secretos en el entorno del servidor o en el sistema previsto por el proveedor, y exclúyelos del repositorio. Antes de publicar, revisa los archivos incluidos y las variables expuestas al cliente. Una clave ya compartida necesita revocación o rotación; renombrar el archivo después no deshace la exposición.

04Publicar la web es otra comprobación

Durante la clase aparecen distintas herramientas de creación y alojamiento. Sus planes y precios pertenecen a la fecha del vídeo, así que no los uso aquí como presupuestos actuales. El coste real también dependerá de los servicios que la aplicación consuma.

Antes de entregar, prueba la versión publicada: rutas, formularios, permisos y operaciones principales. Comprueba qué ocurre desde otra sesión y con un usuario distinto. Un prototipo local puede depender de configuraciones que todavía no existen en el alojamiento.

05Aprende a describir el fallo

La sesión insiste en probar y corregir. Una petición de ayuda es más útil si explica qué intentabas hacer, qué ocurrió y qué esperabas. Incluye un ejemplo pequeño que reproduzca el fallo y evita compartir credenciales o datos de clientes.

El objetivo es conservar el control de lo que estás construyendo. Puedes utilizar IA para avanzar, pero la entrega necesita un alcance claro y pruebas que puedas explicar. Esa capacidad de revisión es parte del servicio que ofreces.

Fuentes y lecturas para profundizar

Estas referencias amplían los conceptos indicados. Los ejemplos y ejercicios de la guía son elaboración propia.

  1. [1] Eric Muriel · YouTube

    Aprende a GENERAR Soluciones que se Venden por Miles de EUROS ↗

    Fuente primaria: vídeo del autor y transcripción aportada para esta adaptación. Las experiencias personales se atribuyen a su contexto y fecha originales.

    Volver al apartado relacionado
Cómo usamos fuentes, citas e imágenes

Vídeo complementario · YouTube

Aprende a GENERAR Soluciones que se Venden por Miles de EUROS ↗

Eric Muriel | IA ·

Artículo adaptado con asistencia de IA a partir de la transcripción facilitada por Eric Muriel. Se han editado muletillas y errores de transcripción, y se han separado los ejemplos de las promesas de resultados. Los ejercicios propuestos son elaboración editorial. Las herramientas y sus interfaces corresponden a la fecha de la grabación, salvo las actualizaciones indicadas con fuentes.

Más vídeos de mi canal →