AI
AI 네이티브 디자인 플레이북
두줄요약
AI 코딩 에이전트와 디자인 시스템으로 목업·핸드오프 대신 PR 중심 딜리버리 흐름을 제안했습니다.\n토큰, 컨텍스트, 훅으로 품질을 강제하고 산출물 기반 케이던스를 운영했습니다.
문제 상황
- AI 코딩 에이전트 가속으로 목업·핸드오프 중심 디자인 루프의 병목화
- 제약 없는 LLM 생성 결과물의 평균적 레이아웃과 브랜드 드리프트 위험
구조와 흐름
- 유저 스토리와 제약 정의 → Claude Code 구현 → PR 리뷰·머지 → Vercel 배포의 딜리버리 루프
- 탐색·학습 목적의 디스커버리와 프로덕션 품질 목적의 딜리버리 분리
- CLAUDE.md, 스킬, 메모리, 권한, 훅으로 구성한 5층 하네스
선택 이유
- 디자인 토큰·컴포넌트·브랜드 가이드 인코딩을 통한 에이전트 결과물의 일관성 확보
- 디자인 리뷰와 엔지니어링 리뷰를 PR 위에서 병렬화하는 협업 모델
- 훅 기반 린트·포매팅·타입 체크로 구조적 품질 검증 자동화
성능/운영 포인트
- 커밋 전 검증 훅을 통한 하드코딩 색상값·여백 컨벤션 위반 차단
- Git 로그와 PR 기반의 비동기 산출물 추적 및 자동 주간 리뷰
- PR 수·기여자 수·Storybook 커버리지 같은 측정 가능한 KR 운영
