플러스프로젝트 배경
1) 문제점 - AI 코딩 도구가 만드는 화면은 기능은 동작하지만 "AI가 만든 티가 나는" UI가 되기 쉬움 - 그라데이션 남용, 일관성 없는 간격, 근거 없는 색 선택이 프로젝트 전반에 반복됨 - 디자이너가 없는 팀은 이 편차를 잡아줄 판단 기준 자체가 없어 화면마다 품질이 달라짐 2) 프로젝트 목표 - 시니어 디자이너의 판단을 AI가 해석하고 준수할 수 있는 규칙으로 명문화 - 규칙과 일관
프로젝트 성과
GitHub Star 857 / Fork 75 확보
오픈소스로 공개해 AI 코딩 커뮤니티에서 실사용 검증을 받았고, Fork 75건으로 외부 팀들이 자사 프로젝트에 적용 중입니다.
디자인 판단 기준 74개 규칙화
색·간격·타이포·모션 판단 기준을 AI가 읽고 준수하는 규칙 파일로 명문화해, 디자이너 없이도 화면 간 일관성이 유지되도록 했습니다.
브랜드 스킨 7종 모듈화
레퍼런스 서비스들의 무드를 교체 가능한 스킨으로 분리해, 같은 규칙 위에서 브랜드만 바꿔 재사용할 수 있게 했습니다.
핵심 기능
AI 코딩 에이전트 연동 디자인 규칙 엔진
3개 규칙 파일 포맷을 동시 지원해 어떤 AI 코딩 도구를 쓰든 동일한 디자인 판단 기준이 적용되며, 규칙과 일관된 React 컴포넌트 48종을 함께 제공합니다.
진행 단계
디자인 규칙 체계 설계
2025.03.
시니어 디자이너의 판단 기준을 74개 규칙으로 명문화하고 컴포넌트 프리미티브 구조를 설계했습니다.
프로젝트 상세
1) 포트폴리오 소개 - 서비스 카테고리: 오픈소스 개발 도구 / AI 코딩 에이전트 인프라 / 디자인 시스템 - 메인 타깃: AI 코딩 도구로 제품을 만드는 개발팀, 디자이너 없이 UI 품질을 유지해야 하는 스타트업 > 간략 소개: AI 코딩 에이전트가 참조하는 디자인 규칙 엔진과 React 컴포넌트 라이브러리를 오픈소스로 개발. GitHub Star 857개, Fork 75개 확보. 2) 작
