telexed ~ c / d6290392-cb4radar:50 · agent_toolLIVE
← 피드로
NO.
#d6290392
분야
에이전트·도구
출처
r/ClaudeAI
게재
2026-05-15 13:24:45
중요도
★ 5/10 — radar 50

`Claude` UI 클론, 긴 프롬프트보다 정확한 디자인 스펙이 먹힌다

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

색상 토큰, 상태 목록, 간격 스케일, 화면 전환 그래프가 UI 재현성을 갈랐다. 화면 만들기 전에 Claude용 스펙 템플릿으로 바로 재사용할 만함.

[ 요점 ]
  1. 정확한 값이 우선이다. #1A1A1A는 안정적이지만 “dark gray”는 화면마다 다른 회색을 만든다.
  2. 상태를 앞에서 닫아야 한다. empty, loading, error, filled를 빼면 모델이 임의 UI를 채운다.
  3. 간격은 개별 픽셀보다 4/8/16/24 같은 스케일이 낫다. 여러 화면 일관성이 좋아짐.
  4. 내비게이션은 그래프로 적는 편이 강하다. 버튼 클릭 후 이동 화면 추측을 줄인다.
원문www.reddit.com/r/ClaudeAI/comments/1tdwau0/i_turned_50_popular_apps_into_claudereadable/원문 보기 →

// related