Future KRDS: 한국 정부 디자인 시스템을 에이전트 스킬로
목차
개요
Future KRDS Skill은 KRDS를 준수하는 웹사이트와 애플리케이션을 만들기 위한 코드 생성 번들이자 검증 시스템이다.
KRDS HTML Component Kit를 에이전트 워크플로로 전환하는 것이 핵심이다.
이 워크플로는 설계 계획에서 시작해 UI 변환, 규칙 기반 정제, 증거 리포트로 이어진다.
정리하면 “인터페이스를 계획하고, UI를 KRDS 규칙으로 변환하고, 규칙 기반 검증으로 개선하며, 리포트로 증거를 보관”하게 한다.
배경: KRDS란 무엇인가
KRDS(Korea Design System)는 한국 정부 디지털 서비스를 위한 공식 디자인 시스템이다.
공공 웹사이트와 앱 전반에서 편의성, 일관성, 접근성, 사용성을 강조한다.
목적은 “사용자 경험 일관성과 정부 기관 신뢰성을 보장하면서 사용자 접근성 강화”로 정의된다.
거버넌스 측면에서는 행정안전부가 관리하며, 기존 전자정부 UI/UX 가이드라인에서 발전한 체계이다.
이 과정에서 접근성 고려와 기술 사양 갱신이 함께 이루어졌다.
핵심 내용
Future KRDS Skill의 동작 방식
Future KRDS Skill은 KRDS HTML Component Kit를 단순한 컴포넌트 모음이 아니라 에이전트 워크플로로 다룬다.
워크플로는 네 단계로 구성된다.
먼저 인터페이스를 설계하고 계획한다.
다음으로 UI를 KRDS 규칙에 맞게 변환한다.
이어서 규칙 기반 검증으로 구현을 개선한다.
마지막으로 리포트를 통해 그 결과를 증거로 보관한다.
세 가지 스킬
Future KRDS는 목적이 다른 세 가지 스킬을 제공한다.
각 스킬은 신규 설계, 기존 사이트 리테마, 검증과 강화라는 서로 다른 시나리오를 담당한다.
세 스킬의 역할
| 스킬 | 역할 |
|---|---|
| krds-plan | 웹사이트나 앱 설계를 처음부터 시작한다 |
| krds-transform | 기존 사이트를 KRDS 표준으로 리테마한다 |
| krds-improve | 구현을 KRDS 규칙에 대해 검증하고 반복적으로 견고화한다 |
기술 스택과 패키지
Future KRDS의 기술 스택은 CSS 비중이 가장 높다.
스택 구성 비율
| 언어 | 비율 |
|---|---|
| CSS | 65.1% |
| SCSS | 18.3% |
| HTML | 10.5% |
| JS | 6.1% |
공식 KRDS 패키지는 KRDS-uiux/krds-uiux에서 유지된다.
해당 패키지는 버전 v1.1.0이며 ISC 라이선스를 따른다.
실험 결과
데모로는 손비누(handsoap) 랜딩 페이지가 사용되었다.
이 데모에서 컴포넌트 커버리지는 100%로, 74개 참조 중 74개를 충족했다.
유사도 점수는 100이었고, 실패한 규칙은 0개였다.
실험 결과 요약
| 지표 | 값 |
|---|---|
| 컴포넌트 커버리지 | 100% (74/74 참조) |
| 유사도 점수 | 100 |
| 실패 규칙 | 0 |
KRDS의 원칙과 스타일 요소
KRDS는 세 가지 핵심 원칙을 기반으로 한다.
Consistency(일관성)는 시각적 정체성을 유지하는 것을 목표로 한다.
Accessibility(접근성)는 W3C WCAG AA 및 전자정부 품질 기준을 준수한다.
Efficiency(효율성)는 표준 규칙과 사양으로 신속한 구현을 지원한다.
여섯 가지 스타일 요소
| 요소 | 내용 |
|---|---|
| 색상 | 팔레트 및 색상 시스템 |
| 타이포그래피 | 서체, 굵기, 크기 |
| 형태 | 형태 및 라운드 가이드라인 |
| 레이아웃 | 레이아웃 및 그리드 |
| 아이콘 | 아이콘 사양 |
| 엘리베이션 | 엘리베이션 및 그림자 |
KRDS는 적용 등급을 둘로 나눈다.
Standard Style은 정부 공식 로고를 사용하는 중앙행정기관에 필수이며, 모든 가이드라인을 엄격하게 준수해야 한다.
Adaptive Style은 독립 로고를 쓰는 조직을 대상으로 하며, 핵심 규칙은 유지하되 기관 정체성을 유연하게 허용한다.
의미와 시사점
Future KRDS Skill은 디자인 시스템 준수를 사람의 수작업에서 에이전트 워크플로로 옮긴다.
설계, 변환, 검증, 리포트의 단계가 분리되어 있어 각 단계의 책임이 명확하다.
특히 규칙 기반 검증과 증거 리포트는 KRDS 준수 여부를 정량적으로 확인할 수 있게 한다.
손비누 데모의 커버리지 100%와 실패 규칙 0이라는 결과는 이러한 검증 체계가 실제로 작동함을 보여준다.
또한 세 가지 스킬은 신규 구축뿐 아니라 기존 사이트의 리테마와 점진적 강화까지 포괄한다.
이는 이미 운영 중인 공공 서비스에도 적용할 여지를 만든다.
결론
Future KRDS Skill은 KRDS HTML Component Kit를 계획에서 검증까지 이어지는 에이전트 워크플로로 재구성한다.
krds-plan, krds-transform, krds-improve 세 스킬이 신규 설계, 리테마, 검증 강화를 각각 담당한다.
행정안전부가 관리하는 KRDS의 일관성, 접근성, 효율성 원칙을 코드 생성과 자동 검증으로 연결한다는 점에서 의미가 있다.