# AI가 만든 UI가 어딘가 어색한 이유 — 정합성(coherence)

> Clean Markdown view of GeekNews topic #30567. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=30567](https://news.hada.io/topic?id=30567)
- GeekNews Markdown: [https://news.hada.io/topic/30567.md](https://news.hada.io/topic/30567.md)
- Type: news
- Author: [bitjaru0402](https://news.hada.io/@bitjaru0402)
- Published: 2026-06-17T10:29:07+09:00
- Updated: 2026-06-17T10:29:07+09:00
- Original source: [dev.to](https://dev.to/kiwibreaksme/aiga-mandeun-uiga-eodinga-eosaeghan-iyu-geurigo-geugeol-gocineun-han-gaji-weoncig-5e4p)
- Points: 21
- Comments: 7

## Topic Body

AI한테 UI 시키면 컴포넌트는 멀쩡한데 합치면 "생성된 티"가 나죠.  
  원인은 못생긴 부품이 아니라 부품들이 서로 안 맞는 것 — 정합성의 부재입니다.  
  해법은 의외로 단순합니다 — 축마다(모서리·강조색·간격·그림자) 값을 하나만 정하고, 전부 거기 맞추는 거죠.  
  Refactoring UI·Material 3·Apple HIG·WCAG 근거 + 복붙 CSS로 정리했습니다.  
  직접 보는 데모: https://styleseed-demo.vercel.app/how-it-thinks  
  오픈소스(MIT): https://github.com/bitjaru/styleseed

## Comments



### Comment 59811

- Author: bluekai17
- Created: 2026-06-17T16:37:54+09:00
- Points: 2

toss ux writing도 문서화 되면 좋겠네요

### Comment 59826

- Author: bitjaru0402
- Created: 2026-06-17T20:28:16+09:00
- Points: 1
- Parent comment: 59811
- Depth: 1

준비해보겠습니다

### Comment 59809

- Author: toida
- Created: 2026-06-17T16:07:20+09:00
- Points: 2

뭔가 당연한거같기도한데 생각지못했던 부분이라 적용하면 많이 개선될거같아서 기대되네요

### Comment 59827

- Author: bitjaru0402
- Created: 2026-06-17T20:28:27+09:00
- Points: 1
- Parent comment: 59809
- Depth: 1

써보시고 피드백 자유롭게 깃헙에 올려주세요!

### Comment 59783

- Author: bluekai17
- Created: 2026-06-17T10:42:06+09:00
- Points: 2

이미 디자인시스템이 갖춰진 상태에서 agent 규칙만을 적용할수는 없나요?

### Comment 59786

- Author: bitjaru0402
- Created: 2026-06-17T11:05:28+09:00
- Points: 1
- Parent comment: 59783
- Depth: 1

네, 룰만 떼어 쓸 수 있어요.  
  
  StyleSeed 룰은 특정 색·컴포넌트를 강요하지 않고 "이럴 땐 이렇게"라는  
  판단 기준만 담겨서, 기존 시스템 위에 그대로 얹힙니다.  
  
  설치 없이 한 문장이면 돼요:  
  "https://styleseed-demo.vercel.app/llms.txt 읽고 이 디자인 룰 적용해줘"  
  
  기존 디자인을 시스템화하고 싶으면, 이미 정한 결정(간격·라운드·강조색 등)을  
  그 파일에 한 줄씩 적어두세요. 에이전트가 새 화면마다 재사용해서  
  일관된 시스템처럼 굳습니다. 기본 룰은 출발점이고, 안 맞는 건 고쳐 쓰면 돼요.

### Comment 59787

- Author: bluekai17
- Created: 2026-06-17T11:22:49+09:00
- Points: 2
- Parent comment: 59786
- Depth: 2

많은 도움이 되었습니다. 감사합니다.
