원문: https://github.com/facebook/astryx/wiki/AI-and-Design-Systems

Context

AI 코드 생성과 함께 사용할 때 현재 표준 스택(Tailwind CSS, shadcn/ui, utility-first CSS)이 갖는 문제에 대한 리서치입니다. 디자인 시스템 준수(adherence) 문제에 초점을 맞춥니다.

Findings

1. 디자인 시스템 준수 문제

Utility-class drift

• AI가 design token 대신 임의 값(mt-[13px])을 생성합니다
• 같은 의도에 대해 프롬프트마다 다른 클래스 조합이 나옵니다
• spacing scale, 컬러 팔레트, 타이포그래피에 대한 강제가 없습니다

생성 간 비일관성

• AI 세션마다 다른 스타일링 접근을 낳을 수 있습니다
• "스타일과 구조의 비일관성" — 조각나서 어긋나 보이는 코드베이스
• 컨텍스트가 유실되면 제안이 확립된 패턴에서 drift합니다

2. 아키텍처에 대한 맹목

국소 최적화이지 시스템 차원이 아님

• AI는 "시스템 차원의 건전성이 아니라 국소적 정확성에 최적화"합니다
• 이전 결정들이 왜 내려졌는지 이해하지 못합니다
• 그 코드가 해당 모듈에 속하는지 모른 채 코드를 생성합니다

공유된 아키텍처의 부재