He vuelto a ver mi colección de prompts que he ido guardando hace mucho y he recibido una sorpresa, pero no era mi cumpleaños… todos los prompts se mudaron 💨.
Vaya despreocupación mía por los datos de ese lugar, si hubiese tomado acciones antes podría haberse solucionado y por ello aprendí que la bola de nieve que toma fuerza con calor se derrite al instante.
Prompts de IA y Excalidraw
Ok… me ordeno.
Usaba Excalidraw para guardar los prompts que encontraba en redes o me parecían útiles para usarlos luego o simplemente me encantaron, busqué algo visual y con algo de texto que me permita guardarlos 📥.
Excalidraw fue una gran opción en aquel tiempo, hablo de hace 1 año, mi stack de herramientas era diferente al de hoy, mucho a decir.
Y me había acostumbrado a utilizarlo como almacén, pero no era su propósito original, veamos que a veces le damos usos a lo que funciona pero no siempre como lo pensamos en un inicio 😅.
Diría que esto fue una deuda técnica parte mía, no contemplé que guardar y seguir agregando sería un hábito que nació, veo que forcé a mi compañero Excalidraw al límite, y espero… no lo hagas tú también jeje, menos desgracias para ustedes como la mía.
Los prompts que guardaba eran de 2 tipos, los que generaban texto y los de imágenes (aún no me aventuro a los videos 🚀). Si era de imagen, procedía copiando títulos gigantes que indicaban un significado en común, los pasos eran sencillos, no había molestia 👍.
Razones breves
Actualmente, es de noche, me encuentro algo frustrado por perder todos los valiosos prompts que tenía guardado, y por ello para que no me vuelva a suceder quise buscar crear un sitio donde compartiré abiertamente lo que encuentre y sea útil por supuesto 😛.
Por ello aproveché el inicio de esta semilla, a la cual llamaremos Álbum de prompts (otro nombre no se me ocurrió pero era similar con un estilo visual que quería usar también). Vamos conectando.
Al igual de Enlaces para Desarrolladores este proyecto nace de una necesidad personal y el deseo de compartir con otros. No pienso dedicarle demasiado esfuerzo y atención debido a que es algo pasajero para mí en cuanto a significado puesto que sirve de almacén pero buscaré que sea diferente respecto a mis otros proyectos.
Ánimo tú que me lees, atrévete a iniciar proyectos que tengan algo de valor para ti, bueno este no es un gran ejemplo pero tiene intención, un granito de arena para Internet.
Plan
Para que esto sea sencillo, dejaré de lado ideas de backend o instalación de herramientas de terceros debido a que busco tener control a nivel de código, es como si pensaras en comprar un carrito, por ahora me quedo con la bicicleta.
Antes nuestros prompts estaban en texto plano, ahora vivirán en un formato estructurado que los cuide mejor, Markdown potenciado con un frontmatter(metadatos opcionales que podemos agregar y aprovechar), y no solo eso, como esta vez agregaré la fuente de donde lo obtuve podremos dar veracidad que le corresponde a alguien, y de manera secundaria ayudaremos a él difundiendo su presencia. Nada mal.
Para el posicionamiento y contenido, seguiremos un patrón similar, contenido rico en SEO, datos listos para iniciar y ya, con ello y algo de promoción por algún rincón de Internet nuestra web podrá estar preparada para el mundo. Me he reducido en detalles para evitar aburrirlos pero si desean conocer más del proyecto, pueden verlo en GitHub 😉
SDD, openspec y el sitio ya está acabado
Hace varios días leí sobre SDD(Spec Driven Development), aquí todo es más declarativo y veo que la documentación es más importante que antes(jeje los diagramas de casos de uso y tablas de requerimientos están celebrando más su valor).
Puesto que es una interesante propuesta a la que se invita aquí, acepté con entusiasmo, como justo lo que se hace al aprobar un plan de implementación.
Había visto que para aplicar con eficacia SDD se necesita un framework, probé antes GSD pero es muy robusto para esto (y por ello no significa que sea malo), usaba un archivo todo.txt pero no ayuda al ser un nuevo proyecto por definir, openspec me convenció muy rápido, es ligero y directo, lo que necesitamos para llevar a la práctica.
Como recomendación, buscar alternativas te permite comparar y economizar esfuerzo, a veces el tiempo dedicado en investigación ahorrará para más tarde. En analogía, habíamos descubierto el pico perfecto para este tipo de piedra.
Al tener experiencia con los otros proyectos, sabía que podíamos solicitar en primera iteración, como si ya tuvieras la receta en la cabeza pero comento que el estilo no va de segundo plano, es paralelo. Como diversión nos atrevimos a usar Svelte (usamos mucho React, Astro y Next.js anteriormente, probar es genial si los requerimientos no lo indiquen [evitar pensarlo así en entornos de alta entrega ⚠️]).
Pensamos en algo que pueda ser fácil de buscar y como si estuviera en la mesa, lista para tomar, así que agregamos una textura de madera en el fondo y simplicidad para que las imágenes destaquen.
Mira te presento unas capturas de prueba de lo que se generó a partir de los specs de OpenSpec, estoy satisfecho, a nivel técnico cumplió los objetivos del prompt inicial que envié.
Capturas de pantalla previas
Conclusiones
Ahora tenemos la web, lo siguiente es darle utilidad y reducir el tiempo de fricción encontrado durante su uso, los cuales son las próximas iteraciones, véalo como saltar soga, una vez que logras darle ritmo se vuelve sencillo. De eso busco.
Oye oye, habrá cosas interesantes y divertidas para ver por allí, puede que encuentres tu próxima gema o el eslabón perdido de tu flujo de trabajo. Date una vuelta, ánimo. 🤗