https://aiengineerguide.com/tags/ui/Recent content in Ui on AI Engineer GuideHugoen-USCopyright © 2024-2026, Nesin Technologies LLP.Tue, 19 May 2026 23:59:16 +0530https://aiengineerguide.com/til/hallmark-open-source-design-skill/Tue, 19 May 2026 00:00:00 +0000https://aiengineerguide.com/til/hallmark-open-source-design-skill/<p>Hassan has released <a href="https://www.usehallmark.com/">Hallmark</a> - a open source design skill using which you can make the UI pretty especially for a landing page</p> <div class="container"> <div id="player-wrapper-0" class=""></div> </div> <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@clappr/player@latest/dist/clappr.min.js" > </script> <script> (function() { var playerElement = document.getElementById("player-wrapper-0"); var player = new Clappr.Player({ source: "https://cdn.qblog.nesin.io/qblog/AIEngineerGuide/2026-05/av4agtpu1mngdzd4i59v.mp4", mute: true, height: 360, width: 640 }); player.attachTo(playerElement); })(); </script> <p>I just tried it for one of my side and here is before and after 👇</p> <p><img src="https://cdn.qblog.nesin.io/f_auto,q_auto/qblog/AIEngineerGuide/2026-05/yfrygn8gv4awwieka878" alt="2026-05-19-at-23.47.22.png"></p> <p>And it&rsquo;s plan before it made any change <img src="https://cdn.qblog.nesin.io/f_auto,q_auto/qblog/AIEngineerGuide/2026-05/bjmnzqbctxfqtj7fe6kl" alt="2026-05-19-at-23.29.02.png"></p> <h2 id="how-to-get-started">How to get started?</h2> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-shell" data-lang="shell"><span style="display:flex;"><span>npx skills add nutlope/hallmark </span></span></code></pre></div><h2 id="reference">Reference</h2> <ul> <li><a href="https://x.com/nutlope/status/2056754959819915459">https://x.com/nutlope/status/2056754959819915459</a></li> </ul>