Tag
A developer describes an internal workflow for coding agents that uses real UI references and a design contract to enforce a stop condition, which became the paid tool UIZZE.
Dilum Sanjaya used Nano Banana to generate UI concepts and brought the map interaction design to life with Gemini Pro, planning to explore data visualization UI in various aesthetic styles.
A tip on using Claude's custom skills feature to improve front-end UI design, avoiding AI-generated designs that look generic.
A curated set of 17 design and motion principles distilled from Apple's WWDC videos, packaged as a reusable skill for design engineers to review and improve UI animations and interfaces.
A comparison of iPhone and Nothing Phone image rotation buttons highlights the importance of buffering taps during animations to avoid frustrating users, especially in non-casual usage scenarios.
Explores the trade-offs between writing code manually versus using AI agents, and offers advice on achieving good UI design.
A secret tool claims to build a complete mobile app design system in under 30 minutes, including design tokens, full component library, and live variants ready for Codex integration.
This article details the Codex + Moonchild workflow for building AI apps with consistent, professional UI by first creating a robust design system, addressing the problem of 'vibe-coded' apps that look AI-generated.
A detailed Twitter thread outlining 10 rules for achieving polished UI with Claude, covering easing curves, design system variables, physics-based animations, and other refinements.
User complains that Claude-generated websites lack design sense and have an obvious AI flavor, while UI images generated by Codex models combined with GPT-image-2 look better, but implementation still faces challenges.
A blog post arguing that every UI frame should be visually perfect, with examples of poor animations and transitions.
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.
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.
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.
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.
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.
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.
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.
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.
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.