conversational-ui-restraintlisted
Install: claude install-skill artherahq/skills
# Conversational UI Restraint
The best chat/assistant interfaces (ChatGPT, Claude.ai, Codex) don't look good
because of a secret tool — they look good because of a small set of disciplines
applied consistently, all pointing the same direction: **the interface should
disappear and the content should be the only thing anyone remembers.** This is
the opposite instinct from `terminal-software-design`, where density is
correct — here, restraint is correct, because the "data" is prose, and prose
needs room to be read, not scanned.
A naive attempt at "make it look like ChatGPT" tends to copy the surface (a
gray sidebar, rounded message bubbles) and miss the actual discipline
underneath: near-monochrome color reserved for signal, content-first visual
hierarchy, one consistent icon language, motion that serves comprehension
rather than decorates it.
## 1. Color: monochrome first, color is a signal not a decoration
- Default to a near-monochrome palette (grays/whites/near-blacks) for the
interface chrome itself. Reserve actual color for things that mean
something: a link, a syntax-highlighted token, a status indicator, the
one brand accent used sparingly (a send button, a selected state).
- If everything has a little color — every icon tinted, every card with an
accent border — nothing stands out, and the page reads as decorated
rather than considered. The restraint itself is the signal of quality.
- Dark and light mode both need this discipline independently — a dark
t