SuperDesign.Dev

You don't need to know a single design word to stop your AI app looking like AI. "Make it clean / modern" tells the model nothing, so it ships the slop. Easiest fix for non-designers: find one site whose look you love, point your agent at it, then fine-tune from there. Your job isn't to have taste. it's to point at taste that already exists.

Exactly, AI slop is the default, not the ceiling. but if users need to find references, build a design system, and install the right skills every time… that’s still a tooling problem. taste should be baked into the agent by default. that’s what we’re building with Superdesign :)

How to Deal with AI-Generated Design? So far, off-the-shelf neural networks still can’t produce good design. And it’s immediately obvious that the site is AI-generated. Everywhere you look, it’s the same font, the same typography, the same buttons, and the same key "call to action" in the top right corner. This instantly gives off a cheap vibe. And here, people have split into two camps: -> "There’s your 'vibe coding' AI spits out cookie-cutter junk." -> Others showcase 3D, custom, and dynamic interfaces. Do you know why that is? It’s not about the tool it’s about the person using it. Even Claude Code spits out AI slop by default. But that’s very easy to fix. The secret: a design system and skills. 1. Every project should start right away with building a design system. To do this, you absolutely must upload reference photos of real apps with beautiful UIs. Claude Code is very good at replicating what it sees in photos. When you have a design system in place, the AI immediately generates the correct UI the right fonts, colors, spacing, and effects. This saves a ton of time on revisions. 2. I immediately added a requirement to the project notes: to use front-end skills. With them, the result is even closer to what we want. 97% of people don’t do this, which is why their websites all end up looking the same. And that’s a problem good design leads to a threefold increase in conversion, meaning three times as many customers for the same amount spent on traffic.

@levelsio The sameness = model shipping the statistical average; The ones that break out gave the agent a design system first.

I think you have to do something radically different as a landing page or app to even get anyone to use something these days as AI has made every landing page or app look the exact same

That's great instinct, the model ships the average unless you hand it real design rules. We've already baked most of the design principles in superdesign, so you don't need to copy and paste a 80,000 character .md file but give your design agent taste. Check our prompt library to see what it looks like. superdesign.dev/library

I’ve written tons of case studies but this one is close to my heart. We recently wrapped up a design sprint for Filament, moving from an off-the-shelf WordPress theme to a custom Next.js build. A few highlights: ✨ The moving prism in the hero is a WebGL render created by modifying a prompt from the component library of my design partner @SuperDesignDev. 📝 Configuring Sanity as the headless CMS primes the website for running autonomous SEO/AEO content production pipelines using @AirOpsHQ in the near future. 🤖 Because the codebase and design system are hosted in a GitHub repo, making copy and design changes to the site is a breeze via Codex, Claude Code, etc. A huge thanks to Scott C. Konopasek and Erik van Zummeren for trusting me with their brand! Check the case study below 👇 andorlabs.ca/work/filament/

@Vichocavi @jasonzhou1993 Similar but much cheaper and faster

@jasonzhou1993 @SuperDesignDev Better than sol? Or similar but much cheaper?

GPT 5.6 Luna is prob the best UI design model now IMO Half price of Gemini 3 pro, while more thoughtout layout design Same prompt tested on @SuperDesignDev "Design a running track app"

@Vichocavi @jasonzhou1993 Literally just prompt `Design a running track app` hah We had some optimisation bake in on platform for prompt improvements already

@jasonzhou1993 @SuperDesignDev How do you prompt the model to get designs like those?

I was testing some platforms to generate designs, and none of them managed to do anything really good. I looked at @stitchbygoogle , @OpenDesignHQ , tried generating with AIStudio, nothing. The only one that saved me was SuperDesign. From the beginning, the platform tries to understand what you want and tries to reproduce it in the best way possible, even in the free tier. Thank you so much @SuperDesignDev , I love you guys!!!!!

@LLMJunky @1337hero @cerebras Followed!

@1337hero @cerebras @SuperDesignDev @SuperDesignDev follow me plz so i can dm you thanks

Wow. I kid you not, I just generated this landing page in about 15 seconds with Gemma 4 31B on @cerebras You can't tell me some of these smaller models aren't capable. And let me just tell you, 1000+ tps is a whole different experience.

@1337hero @cerebras I just gave my github, told it I wanted to highlight my portfolio based on the number of stars that I got on different repos Then I gave it a design prompt from @SuperDesignDev I forget what it's called but you can see it if you go there

Fair feedback. The goal of this series is design prompts for vibe coders shipping fast - not architecture decisions. Column streaming vs polling is genuinely important but a different audience. If you want a deep-dive on data table strategies, I can do that. What format would actually be useful to you?

@SuperDesignDev Low-value posts are everywhere. Pls, stop with these surface level topics Let’s actually educate vibe coders on high-value parts. such as 'Table visualization' strategies. Column streaming versus polling. Noob vibe coders need to know these instead of the surface level stuffs.

@BachelderDan @2492227862 100% agree - disabled fields with zero explanation are a UX crime. A tooltip saying "Available on Pro plan" or a doc link takes 5 minutes to add and saves users hours of confusion. Always over-explain the why.

@SuperDesignDev The disabled explanation is huge. I don't know how many times I have used a complex saas admin and there is a disabled field with no indication of why. That shit should always be over explained.. links to docs on the feature are always welcome.

@BachelderDan 100% - and the fix is so simple. A tooltip or helper text next to the disabled field explaining WHY it's disabled changes the whole experience. 'Available after email verification' beats a grayed-out mystery field every time.

@froessell @pencildev @framer @usewonder @claudeai @138773682 This is great - SuperDesign → Framer is an exact workflow our users have been asking about. Would love to help you test the integration when it's ready.

You can now import @pencildev designs directly into @framer with the plugin I'm working on. ✅ @usewonder ✅ @pencildev ✅ @claudeai Design (90%) I'm working on Aura.build and @SuperDesignDev now.

@Kyriakos_Pelek @carno478 Both are solid - Lucide is lighter (better for React), Heroicons if you're already in a Tailwind stack. Pick one and never mix them in the same sidebar.

@SuperDesignDev Do you prefer Lucide or Heroicons for the sidebar?

@sirshibaninja Exactly - users can't articulate why an app feels "off" but blank screens are quietly killing trust on every page load. The skeleton pattern removes that anxiety entirely.

@SuperDesignDev The blank screen of death is a classic UX killer. Adding even basic feedback makes a world of difference for keeping users from bouncing.

@elijahsystems @ElijahSystems Asked and delivered. Here's the CMS editor thread you requested: x.com/SuperDesignDev… 5 signs your content editor was built by AI - and how to fix each one.

@SuperDesignDev Hey It would be great to have one around the CMS (Content Management System) section for a blog with a user-friendly interface to create, edit, and publish articles ;)

@adriwtm The celebration moment is the most underrated 2 seconds in onboarding. Users who feel something on step 1 come back for step 2.

The UI tells on the product. @SuperDesignDev nails it: x.com/i/status/20575… No celebration moment means the user feels nothing.

@alexabelonix Thanks! More design patterns like this every day - follow along 🙌

@SuperDesignDev very well done.