[{"data":1,"prerenderedAt":340},["ShallowReactive",2],{"navigation":3,"\u002Fen\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":26,"author":179,"badges":182,"body":183,"canonical":182,"cover":327,"date":328,"description":329,"extension":330,"layout":331,"meta":332,"navigation":258,"path":27,"seo":338,"stem":28,"__hash__":339},"content\u002Fen\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":323},"minimark",[186,216,237,240,251,263,266,269,278,288,291,300,309,317,320],[187,188,190,191,215],"h1",{"id":189},"improving-my-apps-vibes-with-designmd","Improving My App's ",[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"," with DESIGN.md",[217,218,220],"p",{"align":219},"center",[192,221,223,225,228,231,234],{"ariaLabel":222},"VIBES",[192,224,198],{"style":197},[192,226,227],{"style":201},"I",[192,229,230],{"style":205},"B",[192,232,233],{"style":209},"E",[192,235,236],{"style":213},"S",[217,238,239],{},"Interface design is hard. Even though I really like painting and the visual side of things, like a lot of developers, my bandwidth just does not stretch far enough to learn all of it properly.",[217,241,242,243,250],{},"Before this, with Claude's help and a long list of requirements, I managed to ship my app ",[244,245,249],"a",{"href":246,"rel":247},"https:\u002F\u002Fhablemosmanga.kekeros.com",[248],"nofollow","HablemosManga",". It worked, but the design felt cold and generic. Robotic.",[217,252,253,254,253,259],{"align":219},"\n  ",[255,256],"video",{"src":257,"controls":258},"\u002Farticles\u002F2026\u002Fapril\u002Fhablemos_manga_antes.mp4",true,[260,261,262],"em",{},"HablemosManga before the redesign with DESIGN.md",[217,264,265],{},"That is not exactly news. Since I started using LLM tools for development, execution speed has gone way up, but the user experience and the interface have not.",[217,267,268],{},"Maybe that is on me, but I always end up dumping a huge pile of prompts into the model and trying to design a system for the project in my own improvised way.",[217,270,271,272,277],{},"While scrolling around online I found ",[244,273,276],{"href":274,"rel":275},"https:\u002F\u002Fstitch.withgoogle.com\u002Fdocs\u002Fdesign-md\u002Foverview",[248],"DESIGN.md",", and it turns out a lot of repos are already implementing their design systems this way. Simple, repeatable, and with good results. I saw it came out of Google Stitch, and since I already have Gemini Pro, I went off to burn some tokens:",[217,279,253,280,253,285],{"align":219},[281,282],"img",{"src":283,"alt":284},"\u002Farticles\u002F2026\u002Fapril\u002Fstitch_ejemplo.png","Google Stitch generating a design system",[260,286,287],{},"Google Stitch generating a design system for my project",[217,289,290],{},"I tried giving it context about my project, but Gemini's design taste still feels oversaturated to me. It did not really convince me. But still, look at that, it gives you a DESIGN.md.",[217,292,253,293,253,297],{"align":219},[281,294],{"src":295,"alt":296},"\u002Farticles\u002F2026\u002Fapril\u002Fstitch_designmd.png","DESIGN.md generated by Stitch",[260,298,299],{},"The DESIGN.md Stitch generates, simple and structured",[217,301,302,303,308],{},"Anyway, later I found ",[244,304,307],{"href":305,"rel":306},"https:\u002F\u002Fgetdesign.md\u002Fshopify\u002Fdesign-md",[248],"getdesign.md\u002Fshopify\u002Fdesign-md",", and that is the template I am using now. Shopify is an e-commerce business, which makes it close enough to the shape of my app. After that I asked Claude to apply the new design system to the project, and these were the results...",[217,310,253,311,253,314],{"align":219},[255,312],{"src":313,"controls":258},"\u002Farticles\u002F2026\u002Fapril\u002Fhablemos_manga_despues.mp4",[260,315,316],{},"HablemosManga after the redesign with DESIGN.md",[217,318,319],{},"Then, while I was writing this, Claude Design showed up. It looks promising. Claude 4.7 also came out, which apparently is 4.6 before they cut down its thinking capacity, so this article still holds up.",[217,321,322],{},"Claude Design also generates a DESIGN.md, and Claude Code already supports the standard.",{"title":324,"searchDepth":325,"depth":325,"links":326},"",2,[],"\u002Farticles\u002F2026\u002Fapril\u002Fportada_hablemos_manga.png","2026-04-16T10:00:00.000Z","A tiny markdown file changed how I ask LLMs to redesign interfaces.","md","article",{"head":333},{"meta":334},[335],{"name":336,"content":337},"keywords","design systems, DESIGN.md, google stitch, claude code, gemini, llm ui, interface design, ai coding",{"title":26,"description":329},"jg4WMY4MVpHQnXfmkOKDf_Pom9_05CDvmWpMyLX9FC8",1785323412200]