GitHub lanza GitHub Spark (vista previa) para crear rápidamente "microaplicaciones" con descripciones en lenguaje natural

GitHub ha anunciado un nuevo e importante producto llamado GitHub Spark, que permite a los usuarios crear y compartir microaplicaciones utilizando únicamente descripciones en lenguaje natural, lo que reduce drásticamente las barreras para el desarrollo de software. Los usuarios no necesitan tener profundos conocimientos de programación; el sistema se encarga de todos los detalles técnicos automáticamente y muestra el proceso de construcción de aplicaciones en tiempo real, así como la construcción de nuevas herramientas de IA llamadas "microaplicaciones" o "Sparks". Para crear una microaplicación, los usuarios comienzan con una pregunta inicial y, a continuación, Spark muestra una vista previa en vivo en cuestión de segundos. A continuación, los usuarios pueden ajustarla interactuando con el bot.

GitHub Spark

¿Podemos permitir que cualquiera cree o adapte software por sí mismo utilizando IA y un entorno de ejecución totalmente gestionado?

Crear y compartir microaplicaciones personalizadas ("chispas")

Como desarrolladores, nos apasiona personalizar nuestros entornos y crear herramientas que se adapten a nuestras preferencias y flujos de trabajo. Esto no sólo mejora la productividad y la comodidad operativa, sino que también hace que nuestro trabajo diario sea más personal. Y cuando algo está personalizado, suele ser más divertido.

Sin embargo, a pesar del tiempo que invertimos en gestionar dotfiles, escribir scripts de automatización o configurar los ajustes del editor, ¿cuántas veces hemos renunciado a la idea de crear nuestras propias aplicaciones? No porque no podamos construirlas, sino porque nos parecen demasiado efímeras, específicas o lentas como para que merezca la pena darles prioridad. 😩

Esta es una de las ironías del software actual: los ordenadores que tenemos sobre la mesa y en el bolsillo son muy potentes, pero poco "personalizados". En cambio, confiamos en herramientas genéricas diseñadas por otros porque la complejidad de crear aplicaciones propias es demasiado grande.

Esto plantea dos cuestiones interesantes: ¿cómo hacer que personalizar el software sea tan fácil como personalizar un entorno de desarrollo? Y luego, ¿cómo hacemos que esa personalización sea fácil para los que nos rodean? No solo porque es necesario, sino porque puede ser divertido.

Presentación de GitHub Spark

GitHub Spark es una herramienta basada en IA para crear y compartir microaplicaciones ("sparks") que pueden adaptarse a tus necesidades y preferencias y utilizarse directamente en dispositivos móviles y de sobremesa.No es necesario escribir ni desplegar ningún código.

Lo hace a través de tres componentes estrechamente integrados:

1. Un editor basado en el lenguaje natural que facilita la descripción de tus ideas y su perfeccionamiento a lo largo del tiempo.
2. Un entorno de ejecución alojado para alojar sus chispas y proporcionar acceso al almacenamiento de datos, la configuración de temas y el Modelo de Lenguaje Grande (LLM).
3. Un panel de control habilitado para PWA que le permite gestionar y lanzar sus chispas desde cualquier lugar y en cualquier momento.

Además, GitHub Spark te permite compartir tus sparks con otras personas y controlar si tienen acceso de sólo lectura o de lectura y escritura. Los usuarios pueden optar por marcar el spark, utilizándolo directamente o remezclándolo para adaptarlo aún más a sus preferencias. Después de todo ...... ¡personalízalo!

Ahora vamos a ver cómo funciona 🎬

¿Qué es una "microaplicación"?

GitHub Spark se adhiere a la filosofía Unix, que afirma que el software puede centrarse en una sola cosa a la vez, y hacerla extremadamente bien -especialmente para ti, y sólo mientras sea útil-. Así, "micro" no se refiere al tamaño del valor de la aplicación, sino a su complejidad funcional tal y como fue diseñada.

Por ejemplo, aquí tienes algunas de las chispas que el equipo de GitHub Spark ha hecho (¡y utilizado!) en el desarrollo de GitHub Spark. Estas aplicaciones van desde herramientas de gestión de la vida, a ayudas al aprendizaje, pasando por divertidas animaciones o clientes de noticias. Pero todas tienen algo en común: su aspecto y funcionamiento son exactamente los que sus creadores pretendían. Ni más ni menos, sólo lo correcto ❤️

Una aplicación de seguimiento del dinero de bolsillo de los niños con la opción de elegir entre el modo de sólo lectura o de lectura-escritura (para los padres), y que utiliza un gran modelo de lenguaje para generar mensajes de celebración cuando se alcanza un objetivo de ahorro.

Un mundo de vehículos animados concebido y creado por un niño de seis años

App para hacer el seguimiento de las noches de karaoke semanales y mostrar el estado de cada invitado

Una aplicación de mapas que busca por el nombre de una ciudad y utiliza un amplio modelo lingüístico para generar una interesante descripción resumida de esa ciudad. Creada y utilizada por alumnos de diez años para un proyecto escolar.

Un cliente personalizado de HackerNews que muestra las 20 entradas principales y resume los hilos de comentarios utilizando un gran modelo lingüístico (¡muy útil!) . Aquí está el controlador diario de HN del equipo

Con estos antecedentes en mente, vamos a sumergirnos en el "¿qué?" y el "¿por qué?" de los principales componentes de GitHub Spark. y "¿por qué?" 👍

Cadena de herramientas en lenguaje natural

Cuando se crea una aplicación, hay que saber exactamente lo que se quiere. No sólo una idea general, sino el conjunto exacto de funciones, el comportamiento detallado de la interacción y el aspecto general. Por desgracia, esto puede resultar bastante complicado e incluso echar para atrás a algunas personas. Este es exactamente el problema que queremos resolver.

GitHub Spark alivia este problema permitiéndote empezar con una idea sencilla (por ejemplo, "una aplicación para controlar el dinero de bolsillo de tu hijo") y luego aumentar gradualmente la complejidad mediante la "exploración asistida". En concreto, su editor de lenguaje natural está diseñado para que avanzar sea fácil y divertido, con cuatro funciones iterativas básicas:

1. Vista previa interactiva
2. variante revisada
3. Registro automático del historial
4. Selección de modelos

Vista previa interactiva

Cuando introduces una expresión en lenguaje natural en GitHub Spark, no sólo genera el código, sino que lo ejecuta inmediatamente y lo muestra en una vista previa interactiva. Este "bucle de retroalimentación centrado en la aplicación" te permite especificar tantos o tan pocos detalles como desees, y luego iterar a medida que la visualización entiende progresivamente tu intención ("Hmm, ¡creo que necesito un botón de conmutación aquí!"). .

variante revisada

Cuando creas o iteras sobre spark, puedes elegir generar un conjunto de variantes. Esto generará de 3 a 6 versiones diferentes de su solicitud, cada una con diferencias sutiles pero significativas. Puesto que puede que sepas que quieres una función determinada, pero no estás seguro de cómo debería ser o comportarse, puede ser útil obtener inspiración y sugerencias para ampliar tus ideas, ¡como un compañero de pensamiento de IA!

Pedir variantes en solicitudes de revisión inciertas ("hacer que la interfaz de usuario parezca realmente interesante")

Registro automático del historial

A medida que iteras a través de Spark, cada revisión se guarda automáticamente y puede restaurarse con un solo clic. Esto te permite explorar ideas (y variantes) sin tener que preocuparte por perder ningún progreso. Y lo que es más importante, no es necesario que gestiones tú mismo el control de versiones. Este enfoque favorece el "desarrollo impulsado por la curiosidad", en el que puedes tener una idea y probarla sin preocuparte de que afecte negativamente a la aplicación (por ejemplo, estropeándola).

El historial también es atractivo desde el punto de vista de la colaboración porque proporciona una forma de "fuente de vista semántico" cuando alguien comparte un spark contigo. Al crear GitHub Spark, nos dimos cuenta de que, de forma natural, compartíamos nuevas ideas entre nosotros y luego mirábamos inmediatamente el historial para ver cómo se habían implementado. Es casi como echar un vistazo a la serialización de las ideas de otras personas.

Selección de modelos

Cuando creas o modificas un spark, puedes elegir entre cuatro modelos de IA: Claude Sonnet 3.5, GPT-4o, o1-preview y o1-mini. la ventaja es que si no obtienes los resultados esperados, puedes deshacer y volver a intentarlo con un modelo completamente distinto. Además, el historial mantiene un registro del modelo utilizado para cada revisión, lo que le permite observar la evolución de spark a lo largo del tiempo.

Seleccionar un modelo al crear una nueva chispa

Seleccionar un modelo al revisar una chispa existente

Entorno operativo alojado

Llamamos a GitHub Spark una herramienta "centrada en la aplicación" (en contraposición a una herramienta "centrada en el código"). No porque no permita ver o editar código (¡lo hace!), sino porque está diseñada para crear herramientas para que la gente las vea, experimente y utilice. sino porque está diseñada para crear aplicaciones para que la gente las vea, las experimente y las utilice, en lugar de limitarse a generar código y luego dejar que uno mismo construya, despliegue, configure bases de datos, etc.

GitHub Spark lo hace alojando cuatro características básicas del entorno de ejecución:

1. Alojamiento sin implantación
2. Sistema de diseño con temas personalizables
3. Almacenamiento persistente de datos
4. Consejos sobre el modelo integrado

Alojamiento sin implantación

Cuando creas o modificas un spark, los cambios se despliegan automáticamente y se pueden ejecutar e instalar en un ordenador de sobremesa, tableta o dispositivo móvil (a través de una PWA). En este sentido, GitHub Spark es algo así como una nube de miniaplicaciones que simplifica el proceso de creación, despliegue y uso de software en una única acción: expresar tus ideas a través del lenguaje natural 🚀.

Ver el panel de spark y abrir un spark en tu teléfono

Sistema de diseño con temas personalizables

Para garantizar que tus aplicaciones tengan un aspecto atractivo, GitHub Spark proporciona un conjunto de componentes de interfaz de usuario integrados y un sistema de diseño con temas personalizables. Como resultado, los controles de formulario, los diseños, los iconos y otros elementos tienen un aspecto impecable por defecto cada vez que creas una nueva aplicación. Si quieres ajustarlo aún más, puedes utilizar el editor de temas para cambiar el color de acento predeterminado, el radio del borde, el espaciado de la aplicación y el tema de color (claro/oscuro).

Comparación antes y después de modificar las propiedades del tema spark

Almacenamiento persistente de datos

Tanto si estás haciendo una lista de tareas pendientes, un planificador de jardines o un juego de tres en raya, la mayoría de las aplicaciones divertidas necesitan almacenar datos.El tiempo de ejecución de GitHub Spark te proporciona un almacén de valores clave alojado y determina automáticamente cuándo utilizarlo. Además, GitHub Spark proporciona un editor de datos que te permite ver y editar fácilmente los datos utilizados por el spark. Esto te da un control total sobre el estado de tu aplicación sin tener que preocuparte por los detalles.

Visualización de los datos almacenados y edición de claves/valores específicos

Consejos sobre el modelo integrado

GitHub Spark Runtime con Modelos GitHubque permite añadir funcionalidades de IA generativa a Spark sin necesidad de tener conocimientos de LLM (por ejemplo, generación de resúmenes, generación de cuentos infantiles). Además, proporciona un editor de sugerencias que permite ver las sugerencias generadas por GitHub Spark y ajustarlas según sea necesario, sin necesidad de editar el código.

Ver las indicaciones de IA utilizadas por spark y editar manualmente una de ellas

¡Uf! Eso es mucho contenido. Sin embargo, para lograr el objetivo de GitHub Spark (reducir a cero el coste de la creación de apps), creemos que una cadena de herramientas y un entorno de ejecución de este tipo son absolutamente necesarios. Estamos seguros de que a los usuarios les encantará la experiencia de usarlo 🥰.

¿Y ahora qué?

Como adelanto tecnológico, GitHub Spark se encuentra aún en una fase muy temprana y queda mucho por hacer. Pero en los próximos meses, esperamos invitar a los usuarios de la lista de espera a unirse e interactuar estrechamente con ellos semanalmente. Actualización semanal. Si está interesado en acompañarnos en este viaje, consulte el PREGUNTAS FRECUENTESy únete a GitHub Next Servidor Discord 👋

Si tiene curiosidad por saber en qué nos centraremos en el futuro, le invitamos a explorar las siguientes direcciones:

1. Métodos de colaboración ampliados (por ejemplo, galerías públicas, que permiten a los usuarios realizar fusiones semánticas en ramas de spark, modo multiusuario).
2. Funcionalidad ampliada del editor (por ejemplo, proporcionando un "modo radiografía" que permite resumir y ajustar el comportamiento preciso de la aplicación).
3. Entorno de ejecución ampliado (por ejemplo, más componentes incorporados, mejor integración de servicios de terceros, almacenamiento de archivos y compatibilidad con búsquedas vectoriales).
4. También hay muchas funciones interesantes en las que aún no hemos pensado.