ui-design

Tag

Cards List
#ui-design

Every Frame Perfect

Lobsters Hottest ↗ · 2026-06-13 Cached

A blog post arguing that every UI frame should be visually perfect, with examples of poor animations and transitions.

0 favorites 0 likes
#ui-design

Slightly reducing the sloppiness of AI generated front end

Hacker News Top ↗ · 2026-06-12 Cached

The author discovers that instructing AI agents to generate web frontends in Qt style greatly reduces the typical 'slop' in AI-generated UIs, sharing results and calling for further experimentation.

0 favorites 0 likes
#ui-design

Sweet Jeebus, macOS 27 Golden Gate Removes the Dumb Icons from Menu Items

Hacker News Top ↗ · 2026-06-11 Cached

Apple's macOS 27 Golden Gate removes the controversial, distracting menu item icons introduced in macOS 26 Tahoe, and updates the Human Interface Guidelines to recommend using icons sparingly. The change is celebrated as a sign of improved software design direction at Apple.

0 favorites 0 likes
#ui-design

@dotey: The reason I started studying Claude Design is that I recently figured out a good development pattern: 1. First, use Claude Design to design the app's UI and UX, keeping the first version as simple as possible. Claude Design delivers the result as HTML + CSS…

X AI KOLs Following ↗ · 2026-06-07 Cached

The author shares a development workflow combining Claude Design with local AI agents (such as Cursor, Codex), and open-sourced the baoyu-design tool, allowing developers to run Claude Design locally for UI design without relying on the web version.

0 favorites 0 likes
#ui-design

@yaojingang: In the Open Design GitHub repository, there is a great document: "Anti-AI Flavor Design Guide". The document link is at the end. Some principles summarized as follows: 1. Don't use the purple-blue color that AI loves most; use the brand colors defined by your product. 2. Don't casually create purple-blue gradient hero sections. A truly premium first screen doesn't necessarily rely on gradients; it should be built on clear information, typography, white space, and real product expression. 3. Don't use emojis as functional icons. In a truly productized design, icons should have a unified style, such as linear SVG icons with consistent size, stroke width, and color. 4. Don't misuse fonts. If your product already has its own font specifications, titles, body text, and buttons should follow the design system, rather than directly using default fonts like Inter, Roboto, or system-ui. 5. Don't do that "rounded card with colored left border"; remove at least one of the rounded corners or the left border. 6. Don't fabricate data; if there's a real source, include it; if not, don't write anything. You can use placeholders, but clearly mark them as such. 7. Don't fill pages with placeholder text; blank space itself is a design issue that should be addressed through structure, rhythm, and content priority. 8. Don't make all pages look the same. 9. Don't overuse accent colors and placeholder images. 10. Add a touch of "human judgment" to the design. The author suggests a ratio: 80% mature patterns, 20% unique choices. The biggest problem with AI design is that it looks too templated. It appears complete, with smooth colors and neat components, but it lacks real product scenarios, real user details, and the designer's trade-offs. Document link for "Anti-AI Flavor Design Guide": https://github.com/nexu-io/open-design/blob/main/craft/anti-ai-slop.md...

X AI KOLs Timeline ↗ · 2026-06-07 Cached

The "Anti-AI Flavor Design Guide" in the Open Design GitHub repository summarizes 10 principles to avoid AI design styles, emphasizing the use of brand colors, unified icons, real data, etc., aiming to help designers create more human and authentic product-oriented designs.

0 favorites 0 likes
#ui-design

@Saboo_Shubham_: All UI will be AI. AI Agents need generative UI to EXPRESS not another paragraph of text.

X AI KOLs Following ↗ · 2026-06-04 Cached

A tweet asserting that all UI will eventually be AI-driven, and that AI agents need generative UI to express information rather than generating plain text paragraphs.

0 favorites 0 likes
#ui-design

@PrajwalTomar_: I still don't think people understand what just happened with Codex. This new secret tool can now take you from rough i…

X AI KOLs Following ↗ · 2026-05-31 Cached

A new secret tool called Codex can turn rough ideas into agency-tier UI designs in under an hour, helping builders skip brainstorming and avoid generic AI-default designs.

0 favorites 0 likes
#ui-design

@PrajwalTomar_: This is the reason your SaaS has ugly UI. You're settling for the first design direction your AI gives you. I've been u…

X AI KOLs Following ↗ · 2026-05-25 Cached

A tweet recommending Moonchild, a secret design tool that generates three different design directions for SaaS UI, arguing that settling for AI's first suggestion leads to ugly design.

0 favorites 0 likes
#ui-design

@PrajwalTomar_: STOP blaming AI for ugly UI. AI isn't the problem. You skipped the MOST important step. Every builder shipping AI apps …

X AI KOLs Timeline ↗ · 2026-05-24 Cached

Argues that ugly AI app UIs are due to missing a structured design system, not AI itself. Recommends using Moonchild to create token-based components that Codex can read for consistent interfaces.

0 favorites 0 likes
#ui-design

The Skeuomorphism Nobody Talks About [video]

Hacker News Top ↗ · 2026-05-23 Cached

This article explores another overlooked form of skeuomorphism—interfaces used for vocational education and simulation training. Its purpose is not visual decoration but to help learners adapt to real-world tools through operational transfer, contrasting with the decorative skeuomorphism found in consumer electronics.

0 favorites 0 likes
#ui-design

@PrajwalTomar_: https://x.com/PrajwalTomar_/status/2057436839104205210

X AI KOLs Following ↗ · 2026-05-21 Cached

A Twitter thread describes a design workflow using Codex and a secret tool called Moonchild, which creates consistent UI designs from a design system and feeds them directly into Codex as structured output, enabling rapid app development.

0 favorites 0 likes
#ui-design

@PrajwalTomar_: STOP using Claude Design without doing this first. Most builders using Claude Design never set up a design system. So e…

X AI KOLs Following ↗ · 2026-05-20 Cached

Describes a quick way to set up a design system in Claude Design to maintain consistent branding across AI-generated app designs.

0 favorites 0 likes
#ui-design

@nutlope: Introducing Hallmark! An open source design skill to make beautiful UIs and landing pages by default. Works in Claude C…

X AI KOLs Timeline ↗ · 2026-05-19 Cached

Hallmark is an open source design skill that helps create beautiful UIs and landing pages, compatible with Claude Code, Cursor, and Codex.

0 favorites 0 likes
#ui-design

@FinanceYF5: Interesting Interactive Science App Ideas | Part 4 Someone made a turbofan jet engine airflow simulator UI design GPT Images 2 Code Gemini 3.1 Pro More demos ↓

X AI KOLs Following ↗ · 2026-05-16 Cached

Someone used GPT Images 2 and Gemini 3.1 Pro to create a UI design for a turbofan jet engine airflow simulator, showcasing interactive science app ideas.

0 favorites 0 likes
#ui-design

@DivyanshT91162: Claude Code just crossed a dangerous line. It can now REVERSE-ENGINEER the UI of almost any website. Introducing AIDesi…

X AI KOLs Timeline ↗ · 2026-05-15

AIDesigner MCP v2 allows AI coding agents to reverse-engineer any website's UI, extracting branding, assets, and components to rebuild entire design systems automatically, enabling rapid cloning and redesign of elite SaaS interfaces.

0 favorites 0 likes
#ui-design

The anti-minimalist backlash is the bigger story behind Oxygen’s revival

Lobsters Hottest ↗ · 2026-05-11 Cached

This article explores the revival of the KDE Oxygen theme as part of a broader anti-minimalist backlash and nostalgia trend in software design, drawing parallels to architectural preferences.

0 favorites 0 likes
#ui-design

@hwwaanng: https://x.com/hwwaanng/status/2053830423331865077

X AI KOLs Timeline ↗ · 2026-05-11 Cached

The article analyzes why Anthropic designed the new UI for the Claude Code desktop app to be more minimalist and restrained, noting that this is to accommodate the visual blind spots of AI agents, reduce cognitive noise to enhance collaborative efficiency, and explores the reconstruction of aesthetic standards in the era of human-machine collaboration.

0 favorites 0 likes
#ui-design

@servasyy_ai: I'm blown away by Codex! It generated the UI design via GPT Images 2, wrote the entire codebase, and launched an interactive science app on its own. I tried generating 3D biological structures and built an app to explore them interactively. Demo

X AI KOLs Timeline ↗ · 2026-05-10 Cached

The user shares their experience using Codex and GPT Images 2 to automatically generate UI designs and write complete code, successfully launching an interactive science app for exploring 3D biological structures.

0 favorites 0 likes
#ui-design

@RaceJohnson: Three panes seems to be the sweet spot: base layer = your computer contents middle = the chat LLM right = a browser the…

X AI KOLs Following ↗ · 2026-05-07 Cached

A tweet describing a three-pane interface setup for LLM-powered workflows: computer contents, chat LLM, and browser, with hot-swappable project context.

0 favorites 0 likes
#ui-design

@PrajwalTomar_: THIS IS ACTUALLY INSANE. Google Stitch → Lovable just replaced my entire design phase. Full UI designed in 10 minutes. …

X AI KOLs Following ↗ · 2026-05-04 Cached

A user highlights a workflow combining Google Stitch and Lovable to design a full UI and build a web app in just 10 minutes, replacing traditional design tools like Figma.

0 favorites 0 likes
← Previous
Next →
← Back to home

Submit Feedback