Tag
An HN user asks for practical advice on e-ink UI design conventions, specifically for building browser-based frontends (Lemmy and OpenRouter) on an e-ink smartphone, addressing refresh handling, ghosting, and layout approaches.
An essay exploring the surreal experience of installing apps on macOS via DMG files, and celebrating the creative design of 'drag to Applications' Finder windows.
Introducing the emilkowalski/skills repository: a collection of skills for designers and engineers to help AI agents build user interfaces with fewer errors, higher design quality, and smooth animations.
Joel Spolsky argues that UI programming is easy and fun, and that good UI design follows rational rules rather than artistic mystique, illustrating with a personal anecdote about controlling his environment at a bakery job.
An essay exploring the slippery slope of adding ads and UI options to digital interfaces, using Apple's increasing ad placements and examples like Chrome's context menu and iOS screenshot options.
A developer demonstrates designing and building a 20+ screen mobile app UI in under an hour using Claude for planning and a design system, claiming this workflow makes traditional tools like Figma obsolete.
Rechroma is a tool that helps designers build better color palettes and ship complete color systems.
A blog post examines five examples of snapping behavior in software interfaces, highlighting how subtle alignment features provide precision without cumbersome menus.
A humorous take on the complexity of creating a simple UI button, riffing on the phrase 'first create the universe'.
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.