待翻译:Demaking Claude's Designs in Beekeeper Studio
AI 服务暂时不可用,以下为来源摘要,待恢复后补全翻译:A few months ago Anthropic launched Claude Design, which was like Claude Code, but for, well, design. Honestly I thought it was amazing. As a developer with fairly strong opinions on what good and bad UX and app design…
AI 服务暂时不可用,以下为来源正文,待恢复后补全翻译。
A few months ago Anthropic launched Claude Design, which was like Claude Code, but for, well, design. Honestly I thought it was amazing. As a developer with fairly strong opinions on what good and bad UX and app design looks like, I always found it frustrating that my UI output always looked so terrible. Finally - Claude is my salvation…right? Looks nice…to start with I immediately was so impressed with the output of Claude Design that I started shipping new screens and webpages designed exclusively by Claude. See for example this new upgrade modal from the Beekeeper Studio app. Man I thought, this looks amazing. The other Beekeeper Studio engineers disagreed, “what do they know?” I thought. I shipped it. I also shipped several new website pages in fast order, bam bam bam. Hey I recognize that Gotta be honest, I was pretty early with AI design, I was very proud of myself. Pat on the back. Surely our conversion rates will improve after my genius move. …but then I started to notice that a bunch of new websites looked awfully similar to the new upgrade modal I shipped. They all had common traits. Oh no, I started to realize that AI design is similar to AI writing - every single design contains tell-tail traits. Now your app is just like everyone else’s with access to the tool. Even if it looks good to the untrained eye, anyone with access to Claude will recognize it immediately. The tell-tail traits Here are the few biggest things that caught my eye, I see them everywhere now. Literally all of these examples are from a single Beekeeper Studio webpage 😬, but they’re also in each of the sites I linked to above. Cards, buttons and other elements that ‘float up’ a little when you hover over them. Your browser does not support the video tag. A glowing green circle with some sort of note like live updating or updates as you type. In this case live estimate “Eyebrows” above titles that serve as like reverse subtitles. Gradient backgrounds for like, everything, whenever it can get away with it Neon color schemes for icons or text, even if they don’t fit the design. You can see all of these wonderful things together in the upgrade modal I shipped in Beekeeper Studio back in March. The modal has everything, it’s a real hit-list of AI design features - eyebrows, gradients, floaty stuff, neon, check check check check. They’re not bad, they’re just not…thick Claude produces very servicable designs, so what’s wrong with them? Well - clean as they are, the designs all start to look generic and one design bleeds into another. Across different websites from different countries, it’s clear the same brush was used to paint the pixels on the page - Claude’s brush. I’ve grown to dislike these designs on my own site and am working to un-do them, demake them as it were. They feel, I don’t know, cold? There’s no life to them, in the same way there’s no life to the writing that AI produces. It might be good for SEO, but it’s not really good for readers. It makes me think of this piece from Adam Mastroianni - he likes em’ thick! I too like my apps and websites to be thick. I’m not claiming my sites or products are priceless works of art or literary masterpieces, but I do want them to have soul, to be a little-thick, maybe medium thick, but with Claude design…they’re paper thin.