telexed ~ c / d6290392-cb4radar:50 · agent_toolLIVE
← back
NO.
#d6290392
Topic
AGENTS & TOOLS
Source
r/ClaudeAI
Published
2026-05-15 13:24:45
Importance
★ 5/10 — radar 50

Claude UI Cloning Works Better With Exact Design Specs, Not Longer Prompts

Predictable UI generation came from exact tokens, full states, spacing scales, and navigation graphs. Useful as a reusable spec checklist before asking Claude to build screens.

[ KEY POINTS ]
  1. Exact values beat fuzzy labels: #1A1A1A is stable, while “dark gray” creates inconsistent screens.
  2. State coverage matters early: empty, loading, error, and filled states reduce model-made UI decisions.
  3. A 4/8/16/24 spacing scale produced steadier layouts than annotating every per-element gap.
  4. Navigation written as a graph removes button-destination guessing, especially in multi-screen clones.
Originalwww.reddit.com/r/ClaudeAI/comments/1tdwau0/i_turned_50_popular_apps_into_claudereadable/Read original →

// related