| ▲ | DaiPlusPlus 3 hours ago | |
My exposure to Claude-produced UIs is limited, but I have started to notice certain design trends they tend to have in-common, which might be becoming hallmarks of AI-produced UIs - the same way we've started noticing the clichés of low-effort LLM-generated text. FWIW, the summary-description[1] of "frontend-design"[2] gives me a few things to pick at: > create polished code Methinks only if you're using it with a very popular framework like React. What happens if you ask Claude to make the UI in WinForms or MFC? > high-impact animations That's bad UX 101 right there: animations in a UI exist as an affordance to the user, and never for its own sake (e.g. macOS's "genie" animation when you minimize a window to the dock exists so the user knows where they can restore the window from). The only people who actually want "high impact animations" in software are salespeople who want something for demo purposes. > generic system fonts, predictable purple gradients, and cookie-cutter components. This screams wanting to be different for the sake of standing-out, not because it results in a better software product; users benefit when their software fits-in with platform conventions: if you refuse to use a stock checkbox <input> or <select> drop-down and instead use your own entirely custom component solely for aesthetic reasons then you are producing worse software. There's nothing wrong with system-fonts, but your site will look ugly after your third-party font-host CDN shuts-down and turns into a walking CSRF factory. > thoughtful typography with unexpected font pairings The above fragment set my alarm-bells off. Yikes. > scroll-triggered interactions Not every web-page should be an Apple.com product brochure page. This is also a fantastic way to make your webpage horribly inaccessible. ------ The SKILL.md itself[3] grinds my gears too: > Approach this as the design lead at a small studio known for giving every client a visual identity that could not be mistaken for anyone else's. Claude has no way of knowing what designs are actually unique or not... > For web designs, the hero is a thesis. Open with the most characteristic thing in the subject's world, in whatever form makes sense for it: a headline, an image, an animation, a live demo, an interactive moment ...this is exactly what everyone else's web-pages look like! > For calibration: AI-generated design right now clusters around three looks: (1) a warm cream background (near #F4F1EA) with a high-contrast serif display and a terracotta accent; (2) a near-black background with a single bright acid-green or vermilion accent; (3) a broadsheet-style layout with hairline rules, zero border-radius, and dense newspaper-like columns ...I called this out weeks ago[4], lol. and I could go on. This is all quite painful to read. ------ [1] https://claude.com/plugins/frontend-design [2] https://github.com/anthropics/claude-plugins-official/tree/m... [3] https://github.com/anthropics/claude-plugins-official/blob/2... | ||