ryanthedev/design-for-ai

1

design-for-ai Visual design principles from Design for Hackers — the visual + surface core of a design-foundations system. Use when…

ryanthedev/design-for-ai

99

2

data-viz Applies data visualization and information design principles to encode data truthfully and efficiently. Use when the …

ryanthedev/design-for-ai

33

3

usability Adjudicate whether users can operate an interface, and run heuristic evaluation. Use when the question is operability…

ryanthedev/design-for-ai

33

4

clarify Decomposes underspecified design requests by classifying gaps (missing brand context, visual ambiguity, false premise…

ryanthedev/design-for-ai

31

5

prototype Produces self-contained HTML/CSS mockups and wireframes from design tokens and page specs — the output is always a vi…

ryanthedev/design-for-ai

31

6

ai-native Designs agent and LLM-driven interfaces whose screen, affordances, and content are generated at runtime, not authored…

ryanthedev/design-for-ai

4

7

behavioral Applies behavioral psychology and emotional design principles to understand why users act, return, and convert — and …

ryanthedev/design-for-ai

4

8

content-design Applies UX writing and content design principles to make words work as interface. Use when the question is about the …

ryanthedev/design-for-ai

4

9

deceptive-patterns Detects, classifies, and proposes honest alternatives to dark patterns (deceptive design patterns) — manipulative tec…

ryanthedev/design-for-ai

4

10

design-systems Takes a locked DESIGN.md and builds the repeatable machine that generates consistent UI from it — semantic token tier…

ryanthedev/design-for-ai

4

11

journey Maps how users move through time — from intent to outcome — and how a marketing site earns the conversion. Covers JTB…

ryanthedev/design-for-ai

4