<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>UI Design on Top AI Skills</title><link>https://topaiskills.com/tags/ui-design/</link><description>Recent content in UI Design on Top AI Skills</description><generator>Hugo</generator><language>en</language><lastBuildDate>Tue, 25 Aug 2026 00:00:00 +0000</lastBuildDate><atom:link href="https://topaiskills.com/tags/ui-design/index.xml" rel="self" type="application/rss+xml"/><item><title>Anti UI Slop vs Web Design Guidelines: Stopping Generic UI</title><link>https://topaiskills.com/tutorials/comparison/anti-ui-slop-vs-web-design-guidelines/</link><pubDate>Tue, 25 Aug 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/tutorials/comparison/anti-ui-slop-vs-web-design-guidelines/</guid><description>&lt;p&gt;Two official agent skills target the same enemy — AI-generated UI that looks like every other AI-generated UI — and they disagree about the fix. Vercel&amp;rsquo;s &lt;a href="https://topaiskills.com/skills/coding/web-design-guidelines/"&gt;web-design-guidelines&lt;/a&gt; audits finished code against a live 190-line rulebook and answers with &lt;code&gt;file:line&lt;/code&gt; violations. UIZZE&amp;rsquo;s anti-ui-slop grounds new builds in more than 800,000 real screens, loads one playbook at a time, and closes with a render-and-inspect gate. I read both SKILL.md files and pulled their install curves from skills.sh on 2026-08-25. The numbers sharpen the contrast better than the marketing does.&lt;/p&gt;</description></item><item><title>Sleek Design Mobile Apps</title><link>https://topaiskills.com/skills/image/sleek-design-mobile-apps/</link><pubDate>Tue, 04 Aug 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/skills/image/sleek-design-mobile-apps/</guid><description>&lt;h2 id="what-it-is"&gt;What It Is&lt;/h2&gt;
&lt;p&gt;Sleek Design Mobile Apps is the official agent skill for &lt;a href="https://sleek.design" rel="nofollow" target="_blank"&gt;Sleek&lt;/a&gt;, the AI-powered mobile app design tool. The &lt;a href="https://github.com/sleekdotdesign/agent-skills" rel="nofollow" target="_blank"&gt;repo&amp;rsquo;s own description&lt;/a&gt; defines it in one line: &amp;ldquo;Design mobile apps, create screens, and manage Sleek projects with AI.&amp;rdquo; The skill ships as a single &lt;code&gt;design-mobile-apps&lt;/code&gt; capability that connects your coding agent to Sleek&amp;rsquo;s REST API at &lt;code&gt;/api/v1/*&lt;/code&gt;.&lt;/p&gt;
&lt;p&gt;Per the official docs, &amp;ldquo;sleek.design is an AI-powered mobile app design tool. You interact with it via a REST API at &lt;code&gt;/api/v1/*&lt;/code&gt; to create projects, describe what you want built in plain language, and get back rendered screens.&amp;rdquo; All communication is standard HTTP with bearer token auth — the agent sends your design intent as a plain-language chat message, and Sleek plans the screen content and layout, renders the screens, and returns them as images you can review and iterate on.&lt;/p&gt;</description></item><item><title>Gemini Designer</title><link>https://topaiskills.com/skills/image/gemini-designer/</link><pubDate>Sun, 26 Jul 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/skills/image/gemini-designer/</guid><description>&lt;h2 id="overview"&gt;Overview&lt;/h2&gt;
&lt;p&gt;You have a UI concept in your head but translating it into pixels takes hours of manual design work — tweaking colors, aligning elements, exporting assets. Gemini Designer bridges that gap by connecting your AI coding agent directly to Google&amp;rsquo;s Gemini multimodal API, turning natural language descriptions into ready-to-use design mockups and image assets.&lt;/p&gt;
&lt;h3 id="what-problem-it-solves"&gt;What Problem It Solves&lt;/h3&gt;
&lt;p&gt;Every developer and product builder hits the same wall: you can describe exactly what you want your interface to look like, but producing the actual visual output — wireframes, hero images, icon sets, color palettes — requires either design expertise or a lengthy back-and-forth with a separate tool. Gemini Designer removes that friction. You describe the design in plain English, your agent passes it through Gemini&amp;rsquo;s vision pipeline, and you get back structured visual output you can drop straight into your project.&lt;/p&gt;</description></item></channel></rss>