디자인 시스템을 사람과 Agent가 함께 읽는 UI 인프라로 확장했습니다
요약
사내 디자인 시스템을 실제 제품에 적용한 경험을 바탕으로 Storybook의 컴포넌트·상태·사용 규칙을 Agent도 읽고 재사용할 수 있는 MCP 연결 구조로 확장했습니다.
맡은 일
- 디자인 시스템 구축과 제품 적용, 디자이너 협업 기준, Storybook MCP 활용 방향을 다뤘습니다.
문제
- 컴포넌트가 있어도 상태와 사용 맥락을 찾기 어렵다면 개발자와 Agent가 비슷한 UI를 다시 만들었습니다.
- 디자인 산출물과 구현 규칙이 분리되면 제품별 품질 편차가 생겼습니다.
판단과 합의
- 디자인 시스템을 컴포넌트 모음이 아니라 실제 사용 규칙과 제품 맥락을 제공하는 UI 인프라로 봤습니다.
- Agent가 임의 UI를 생성하지 않고 팀의 실제 컴포넌트와 규칙을 읽도록 MCP 연결을 검토했습니다.
실행
- 사내 디자인 시스템을 구축하고 실제 프로덕트에 적용했습니다.
- 디자이너와 컴포넌트 상태, 사용 맥락과 변경 기준을 맞췄습니다.
- Storybook을 Agent가 조회할 수 있는 MCP 적용 대상으로 분류했습니다.
결과
- UI 기준을 개인 구현에서 팀이 반복 사용하는 제품 기반으로 바꿨습니다.
- MCP 연결은 현재 방향과 적용 구조가 확인된 단계이며 전사 운영 성과로 표현하지 않습니다.
이후
- 실제 MCP 운영 범위와 생성 품질 지표는 추가 확인 후 보강합니다.