SCM HUB · SIMULATION SYSTEM BETA v0.2 · 2026.05 홍길동
Design System

SCM Hub 디자인 시스템

디자인 토큰 · 60+ 컴포넌트 · 159 아이콘 · AI 시뮬레이션 도구 · 문서를 한 곳에서.

PRD 검증 미완료  ·  시뮬레이터를 사용하려면 먼저 PRD 검증을 통과해주세요.
Foundations

디자인 토큰 · 컴포넌트 · 아이콘

디자인 시스템의 기초 자산

Design Tokens

color · typography · spacing · radius — `layer-desktop.css` 단일 토큰 파일.

컴포넌트 카탈로그

Foundation / Atoms / Buttons / Filter System / Table / Layout / Display / Overlay 등 카테고리별 정리. 각 컴포넌트의 라이브 프리뷰 + 마크업 코드.

Icons

SVG 아이콘 자산 159개. ic-* prefix · 24/20/16 size 시스템.

Tools

PRD 검증 → 시뮬레이터

단계 의존성 · 합격해야 다음 단계 사용 가능
01

PRD 검증

PRD 문서의 누락 / 모호 / 충돌 항목을 자동 검출. 합격 시 시뮬레이터의 잠금이 해제됩니다.

잠김
02

시뮬레이터

검증된 PRD 를 기반으로 AI 가 와이어프레임/HTML 을 자동 생성. 페이지 흐름과 컴포넌트 매핑까지 시뮬레이션합니다.

Documentation

디자인 시스템 문서

README · 사용 규칙 · 폴더 구조 · 변경 이력

README

디자인 시스템 개요 + 빠른 시작 가이드.

Conventions

네이밍 / 마크업 / CSS 변수 사용 규칙.

Structure

폴더 / 파일 구조 + 의존 관계.

Changelog

버전 별 변경 이력 + 마이그레이션 노트.