[]

Interface

The best skills for design-related work, like interfaces, visuals, presentations and design systems.

  • law-of-proximity

    Group elements by spacing alone using the Law of Proximity in dense layouts

    ★3.1K
  • law-of-similarity

    Signal related elements through shared color, shape or size across a layout

    ★3.1K
  • layout-grid

    Define a responsive grid with columns, gutters, margins and breakpoints

    ★3.1K
  • loading-states

    Design spinners, skeletons, optimistic updates and progressive reveal for waiting

    ★3.1K
  • localization-design

    Design for multiple languages, writing directions, text expansion and RTL mirroring

    ★3.1K
  • micro-interaction-spec

    Specify one micro-interaction with its trigger, rules, feedback and modes

    ★3.1K
  • millers-law

    Apply Miller's Law by chunking fields, menus and steps into groups of about four

    ★3.1K
  • navigation-patterns

    Choose and design tabs, drawers, hierarchies or hubs that match product structure

    ★3.1K
  • onboarding-design

    Design first-run experiences, activation paths and time to first value

    ★3.1K
  • parallel-concepts

    Build several genuinely different solutions to one problem before refining any

    ★3.1K
  • peak-end-rule

    Apply the Peak-End Rule to design memorable completion and cancellation moments

    ★3.1K
  • platform-conventions

    Design to iOS and Android conventions and decide where to unify or diverge

    ★3.1K
  • prototype-strategy

    Choose prototype fidelity and method to match the design question at stake

    ★3.1K
  • readable-measure

    Set line length and measure for comfortable body text across sizes and breakpoints

    ★3.1K
  • responsive-design

    Design layouts and interactions that adapt across screen sizes and input methods

    ★3.1K
  • search-ux

    Design search input, zero-results states, refinement and result presentation

    ★3.1K
  • serial-position-effect

    Order menus and steps using the Serial Position Effect for better recall

    ★3.1K
  • state-machine

    Model component behavior as explicit states, events and transitions

    ★3.1K
  • teslers-law

    Apply Tesler's Law to decide whether the product or the user absorbs complexity

    ★3.1K
  • ux-writing

    Write interface copy, error messages, empty states and calls to action

    ★3.1K
  • visual-hierarchy

    Establish visual hierarchy with size, weight, color and position in new layouts

    ★3.1K
  • von-restorff-effect

    Make one key action stand out using the Von Restorff Effect

    ★3.1K
  • wireframe-spec

    Specify wireframe layout, content priority, component placement and annotations

    ★3.1K
  • zeigarnik-effect

    Apply the Zeigarnik Effect to progress indicators, saved drafts and return hooks

    ★3.1K
  • argent-lens

    Offer several visual design variants for a screen and let a person pick one

    ★3.1K
  • a11y-audit

    Audit a UI against WCAG 2.2 AA and AAA with severity-ranked findings and fixes

    ★3K
  • critique

    Critique rendered UI work adversarially and list the reasons it should be rejected

    ★3K
  • design-review

    Score a design across six weighted dimensions using Nielsen heuristics

    ★3K
  • design-screen

    Design and build a landing page, screen or website end to end from a request

    ★3K
  • prototype

    Move an idea through fidelity levels with validation plans and usability test scripts

    ★3K
  • redesign

    Modernize an existing site or app UI while keeping its behavior working

    ★3K
  • ux-writing

    Write UI copy for buttons, errors, empty states and notifications using a voice system

    ★3K
  • design-engineering

    Polish UI motion, easing, springs and component feel so interfaces feel right

    ★2.9K
  • nothing-design

    Generate monochrome, typographic UI in the Nothing design language on request

    ★2.8K
  • prototype-prompt-generator

    Write structured prompts with UI specs for web and mobile prototypes

    ★2.7K
  • visual-design

    Build polished landing pages, banners and posters as self-contained HTML files

    ★2.7K
  • uncodixfy

    Avoid generic AI-looking UI patterns and build human-designed frontend code

    ★2.7K
  • threejs-game-ui-designer

    Design game HUDs, menus, pause and settings screens with responsive touch UI

    ★2.6K
  • create-website

    Build a live, high-converting website message first, then design, then conversion

    ★2.5K
  • design-everyday-things

    Apply affordances, signifiers and feedback principles to make interfaces obvious

    ★2.5K
  • hooked-ux

    Design habit-forming product loops with triggers, actions, rewards and investment

    ★2.5K
  • improve-app

    Polish a shipped app so it fits the job, flows smoothly and reads clearly

    ★2.5K
  • lean-ux

    Run hypothesis-driven UX with sketching and quick experiments over heavy deliverables

    ★2.5K
  • microinteractions

    Design micro-level UI details such as triggers, feedback and state changes

    ★2.5K
  • refactoring-ui

    Audit and fix visual hierarchy, spacing, color and depth in web UIs

    ★2.5K
  • steve-jobs-design-review

    Review a product or design for ruthless simplicity, focus and end-to-end polish

    ★2.5K
  • top-design

    Build immersive, award-level web designs with scroll animations and storytelling

    ★2.5K
  • ux-heuristics

    Evaluate interface usability with Nielsen heuristics and cognitive walkthroughs

    ★2.5K
  • web-typography

    Pick, pair and load web typefaces with sensible scales, line heights and fallbacks

    ★2.5K
  • oil-ui

    Explore UI design directions, compare them side by side and refine from screenshots

    ★2.5K