[{"data":1,"prerenderedAt":335},["ShallowReactive",2],{"navigation":3,"\u002Fes\u002Farticles\u002F2026\u002Fapril\u002Fexploring-llm-ui":177},[4,62],{"title":5,"path":6,"stem":7,"children":8},"About","\u002Fen","en\u002F1.index",[9,10,56],{"title":5,"path":6,"stem":7},{"title":11,"path":12,"stem":13,"children":14},"Blog","\u002Fen\u002Farticles","en\u002F2.articles",[15],{"title":16,"path":17,"stem":18,"children":19,"page":33},"2026","\u002Fen\u002Farticles\u002F2026","en\u002Farticles\u002F2026",[20,34,47],{"title":21,"path":22,"stem":23,"children":24,"page":33},"April","\u002Fen\u002Farticles\u002F2026\u002Fapril","en\u002Farticles\u002F2026\u002Fapril",[25,29],{"title":26,"path":27,"stem":28},"Improving My App's Vibes with DESIGN.md","\u002Fen\u002Farticles\u002F2026\u002Fapril\u002Fexploring-llm-ui","en\u002Farticles\u002F2026\u002Fapril\u002Fexploring-llm-ui",{"title":30,"path":31,"stem":32},"How I Made My Fork Bilingual and Published It Right","\u002Fen\u002Farticles\u002F2026\u002Fapril\u002Fhow-i-made-my-fork-bilingual-and-published-it-right","en\u002Farticles\u002F2026\u002Fapril\u002Fhow-i-made-my-fork-bilingual-and-published-it-right",false,{"title":35,"path":36,"stem":37,"children":38,"page":33},"July","\u002Fen\u002Farticles\u002F2026\u002Fjuly","en\u002Farticles\u002F2026\u002Fjuly",[39,43],{"title":40,"path":41,"stem":42},"From Idea to MS Teams: Deploying an Agent","\u002Fen\u002Farticles\u002F2026\u002Fjuly\u002Ffrom-idea-to-ms-teams-agent","en\u002Farticles\u002F2026\u002Fjuly\u002Ffrom-idea-to-ms-teams-agent",{"title":44,"path":45,"stem":46},"Legally Spying on Your Competition is Possible","\u002Fen\u002Farticles\u002F2026\u002Fjuly\u002Fspying-on-your-rivals","en\u002Farticles\u002F2026\u002Fjuly\u002Fspying-on-your-rivals",{"title":48,"path":49,"stem":50,"children":51,"page":33},"May","\u002Fen\u002Farticles\u002F2026\u002Fmay","en\u002Farticles\u002F2026\u002Fmay",[52],{"title":53,"path":54,"stem":55},"Building an Agent's Personality Around the Customer Journey","\u002Fen\u002Farticles\u002F2026\u002Fmay\u002Fbuilding-agents-with-personality","en\u002Farticles\u002F2026\u002Fmay\u002Fbuilding-agents-with-personality",{"title":57,"path":58,"stem":59,"children":60},"Index","\u002Fen\u002Farticles_index","en\u002F4.articles_index",[61],{"title":57,"path":58,"stem":59},{"title":63,"path":64,"stem":65,"children":66},"Acerca De","\u002Fes","es\u002F1.index",[67,68,153,171],{"title":63,"path":64,"stem":65},{"title":11,"path":69,"stem":70,"children":71},"\u002Fes\u002Farticles","es\u002F2.articles",[72,95,117],{"title":73,"path":74,"stem":75,"children":76,"page":33},"2024","\u002Fes\u002Farticles\u002F2024","es\u002Farticles\u002F2024",[77,86],{"title":78,"path":79,"stem":80,"children":81,"page":33},"Diciembre","\u002Fes\u002Farticles\u002F2024\u002Fdiciembre","es\u002Farticles\u002F2024\u002Fdiciembre",[82],{"title":83,"path":84,"stem":85},"Diciembre es un mes más","\u002Fes\u002Farticles\u002F2024\u002Fdiciembre\u002Fhaikus","es\u002Farticles\u002F2024\u002Fdiciembre\u002Fhaikus",{"title":87,"path":88,"stem":89,"children":90,"page":33},"Octubre","\u002Fes\u002Farticles\u002F2024\u002Foctubre","es\u002Farticles\u002F2024\u002Foctubre",[91],{"title":92,"path":93,"stem":94},"Viaje de regreso","\u002Fes\u002Farticles\u002F2024\u002Foctubre\u002Fhaikus","es\u002Farticles\u002F2024\u002Foctubre\u002Fhaikus",{"title":96,"path":97,"stem":98,"children":99,"page":33},"2025","\u002Fes\u002Farticles\u002F2025","es\u002Farticles\u002F2025",[100,109],{"title":101,"path":102,"stem":103,"children":104,"page":33},"Agosto","\u002Fes\u002Farticles\u002F2025\u002Fagosto","es\u002Farticles\u002F2025\u002Fagosto",[105],{"title":106,"path":107,"stem":108},"Hola Mundo","\u002Fes\u002Farticles\u002F2025\u002Fagosto\u002Fholamundo","es\u002Farticles\u002F2025\u002Fagosto\u002Fholamundo",{"title":87,"path":110,"stem":111,"children":112,"page":33},"\u002Fes\u002Farticles\u002F2025\u002Foctubre","es\u002Farticles\u002F2025\u002Foctubre",[113],{"title":114,"path":115,"stem":116},"El Antipatrón de la Red Veloz","\u002Fes\u002Farticles\u002F2025\u002Foctubre\u002Flatencia","es\u002Farticles\u002F2025\u002Foctubre\u002Flatencia",{"title":16,"path":118,"stem":119,"children":120,"page":33},"\u002Fes\u002Farticles\u002F2026","es\u002Farticles\u002F2026",[121,133,145],{"title":21,"path":122,"stem":123,"children":124,"page":33},"\u002Fes\u002Farticles\u002F2026\u002Fapril","es\u002Farticles\u002F2026\u002Fapril",[125,129],{"title":126,"path":127,"stem":128},"Mejorando las VIBES de mi aplicación con DESIGN.md","\u002Fes\u002Farticles\u002F2026\u002Fapril\u002Fexploring-llm-ui","es\u002Farticles\u002F2026\u002Fapril\u002Fexploring-llm-ui",{"title":130,"path":131,"stem":132},"Cómo volví mi fork multilenguaje y lo publiqué bien","\u002Fes\u002Farticles\u002F2026\u002Fapril\u002Fhow-i-made-my-fork-bilingual-and-published-it-right","es\u002Farticles\u002F2026\u002Fapril\u002Fhow-i-made-my-fork-bilingual-and-published-it-right",{"title":35,"path":134,"stem":135,"children":136,"page":33},"\u002Fes\u002Farticles\u002F2026\u002Fjuly","es\u002Farticles\u002F2026\u002Fjuly",[137,141],{"title":138,"path":139,"stem":140},"De Idea a Ms Teams: Desplegando un Agente","\u002Fes\u002Farticles\u002F2026\u002Fjuly\u002Ffrom-idea-to-ms-teams-agent","es\u002Farticles\u002F2026\u002Fjuly\u002Ffrom-idea-to-ms-teams-agent",{"title":142,"path":143,"stem":144},"Espiar a Tu Competencia de Manera Legal es Posible","\u002Fes\u002Farticles\u002F2026\u002Fjuly\u002Fspying-on-your-rivals","es\u002Farticles\u002F2026\u002Fjuly\u002Fspying-on-your-rivals",{"title":48,"path":146,"stem":147,"children":148,"page":33},"\u002Fes\u002Farticles\u002F2026\u002Fmay","es\u002Farticles\u002F2026\u002Fmay",[149],{"title":150,"path":151,"stem":152},"Construyendo la personalidad de un agente en base a la travesía del cliente","\u002Fes\u002Farticles\u002F2026\u002Fmay\u002Fbuilding-agents-with-personality","es\u002Farticles\u002F2026\u002Fmay\u002Fbuilding-agents-with-personality",{"title":154,"path":155,"stem":156,"children":157},"Galería","\u002Fes\u002Fgallery","es\u002F3.gallery",[158],{"title":96,"path":159,"stem":160,"children":161,"page":33},"\u002Fes\u002Fgallery\u002F2025","es\u002Fgallery\u002F2025",[162],{"title":163,"path":164,"stem":165,"children":166,"page":33},"Septiembre","\u002Fes\u002Fgallery\u002F2025\u002Fseptiembre","es\u002Fgallery\u002F2025\u002Fseptiembre",[167],{"title":168,"path":169,"stem":170},"Cielo de Oyón","\u002Fes\u002Fgallery\u002F2025\u002Fseptiembre\u002Fholamundo","es\u002Fgallery\u002F2025\u002Fseptiembre\u002Fholamundo",{"title":172,"path":173,"stem":174,"children":175},"Lista","\u002Fes\u002Farticles_index","es\u002F4.articles_index",[176],{"title":172,"path":173,"stem":174},{"id":178,"title":126,"author":179,"badges":182,"body":183,"canonical":182,"cover":322,"date":323,"description":324,"extension":325,"layout":326,"meta":327,"navigation":253,"path":127,"seo":333,"stem":128,"__hash__":334},"content\u002Fes\u002Farticles\u002F2026\u002Fapril\u002Fexploring-llm-ui.md",{"name":180,"url":181},"Ever Burga","https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Feverburga\u002F",null,{"type":184,"value":185,"toc":318},"minimark",[186,216,232,235,246,258,261,264,273,283,286,295,304,312,315],[187,188,190,191,215],"h1",{"id":189},"mejorando-las-vibes-de-mi-aplicación-con-designmd","Mejorando las ",[192,193,195,199,203,207,211],"span",{"ariaLabel":194},"VIBES",[192,196,198],{"style":197},"color:#ff5c8a;","V",[192,200,202],{"style":201},"color:#ff9f43;","I",[192,204,206],{"style":205},"color:#ffd166;","B",[192,208,210],{"style":209},"color:#2ec4b6;","E",[192,212,214],{"style":213},"color:#3a86ff;","S"," de mi aplicación con DESIGN.md",[217,218,220],"p",{"align":219},"center",[192,221,222,224,226,228,230],{"ariaLabel":194},[192,223,198],{"style":197},[192,225,202],{"style":201},[192,227,206],{"style":205},[192,229,210],{"style":209},[192,231,214],{"style":213},[217,233,234],{},"El diseño de interfaces es complejo. A pesar de que me gusta mucho la pintura y el aspecto visual de las cosas, como a muchos desarrolladores, mis esfuerzos no dan para aprender tanto.",[217,236,237,238,245],{},"Antes, con ayuda de Claude y una gran lista de requerimientos, logré desplegar mi aplicación ",[239,240,244],"a",{"href":241,"rel":242},"https:\u002F\u002Fhablemosmanga.kekeros.com",[243],"nofollow","HablemosManga",". Con un diseño frío y genérico. Robótico.",[217,247,248,249,248,254],{"align":219},"\n  ",[250,251],"video",{"src":252,"controls":253},"\u002Farticles\u002F2026\u002Fapril\u002Fhablemos_manga_antes.mp4",true,[255,256,257],"em",{},"HablemosManga antes del rediseño con DESIGN.md",[217,259,260],{},"No es novedad. Desde que uso herramientas de LLM para desarrollar la ejecución se ha acelerado muchísimo pero la experiencia de usuario y la inferfaz no tanto.",[217,262,263],{},"Tal vez sea mi culpa, pero siempre termino dándole un montón de prompts y trabajando en diseñar a mi manera un sistema de diseño para mi proyecto.",[217,265,266,267,272],{},"Scrolleando por internet encontré ",[239,268,271],{"href":269,"rel":270},"https:\u002F\u002Fstitch.withgoogle.com\u002Fdocs\u002Fdesign-md\u002Foverview",[243],"DESIGN.md"," y resulta que hay muchos repos implementado sus sitemas de diseño. Simple, replicable y con buenos resultados. Vi que viene de Google Stitch, y aprovechando que tengo Gemini Pro me fui a quemar tokens:",[217,274,248,275,248,280],{"align":219},[276,277],"img",{"src":278,"alt":279},"\u002Farticles\u002F2026\u002Fapril\u002Fstitch_ejemplo.png","Google Stitch generando un sistema de diseño",[255,281,282],{},"Google Stitch generando un sistema de diseño para mi proyecto",[217,284,285],{},"Intenté darle contexto sobre mi proyecto, pero el diseño de Gemini me parece sobresaturado. No convence. Pero mira, te genera un design.md!",[217,287,248,288,248,292],{"align":219},[276,289],{"src":290,"alt":291},"\u002Farticles\u002F2026\u002Fapril\u002Fstitch_designmd.png","DESIGN.md generado por Stitch",[255,293,294],{},"El DESIGN.md que genera Stitch — simple y estructurado",[217,296,297,298,303],{},"En fin. Luego encontré ",[239,299,302],{"href":300,"rel":301},"https:\u002F\u002Fgetdesign.md\u002Fshopify\u002Fdesign-md",[243],"getdesign.md\u002Fshopify\u002Fdesign-md"," y estoy usando ahora la plantilla de Shopify, que es un negocio de e-commerce, similar a mi aplicación. Luego le pedí a Claude que aplique el nuevo sistema de diseño al proyecto y estos son los resultados...",[217,305,248,306,248,309],{"align":219},[250,307],{"src":308,"controls":253},"\u002Farticles\u002F2026\u002Fapril\u002Fhablemos_manga_despues.mp4",[255,310,311],{},"HablemosManga tras rediseño con DESIGN.md",[217,313,314],{},"Luego mientras estoy escribiendo salió Claude Design. Se ve prometedor. Y también salió Claude 4.7, que al parecer es el 4.6 antes de que le redujeran capacidad de pensamiento, así que este artículo sigue vigente.",[217,316,317],{},"Claude Design también genera un DESIGN.ms y Claude Code es compatible con el estándar.",{"title":319,"searchDepth":320,"depth":320,"links":321},"",2,[],"\u002Farticles\u002F2026\u002Fapril\u002Fportada_hablemos_manga.png","2026-04-16T10:00:00.000Z","Un sistema de diseño estandarizado para LLMs","md","article",{"head":328},{"meta":329},[330],{"name":331,"content":332},"keywords","nuxt theme, bilingual blog, npm publish, github actions, github workflows, npmjs, github, i18n, OIDC, trusted publishing, ci-cd, open source",{"title":126,"description":324},"rjp0SvsKRczprWAssJqOkRV4OKdeqiNdqDqCVjJ9wmc",1785323411284]