요청하신 ‘디자인 토큰’ 개념에 관한 전문 위키 노트를 작성하여 LLM Wiki 시스템(llm-wiki/wiki/디자인 토큰.md)에 반영을 완료하였습니다.
작업 요약 및 주요 반영사항
-
지정 Frontmatter 및 스키마 준수:
type: concept,status: draft,core: false,created/updated: 2026-08-27적용- 6개의 소스 파일 목록을
sources필드에 정확히 명시
-
소스 기반 지표 및 검증 가능한 데이터 상술:
- 스파크박스(Sparkbox) 조사 보고서: 디자인 시스템 적용 시 폼(Form) 개발 시간 47% 감소 지명 (
raw/1인 개발자와 소규모 팀을 위한 주말 완성 디자인 시스템 구축법.md) - Specify 2024 디자인 시스템 현황 보고서: 성숙한 디자인 시스템의 **74%**가 전파 매개체로 토큰 채택 지명 (
raw/1인 개발자와 소규모 팀을 위한 주말 완성 디자인 시스템 구축법.md) - 8px 베이스 유닛 스케일(
4, 8, 12, 16, 24, 32, 48, 64, 96px) 및 표준 간격 체계 명시 (raw/The Spacing System That Makes Every UI Look More Intentional.md) - Moonchild AI + Antigravity 결합 시 MVP 개발 속도 10배 증대 및 AI 환각 억제 명시 (
raw/Designing Production-Ready UIs with Your Design System Using Moonchild AI.md)
- 스파크박스(Sparkbox) 조사 보고서: 디자인 시스템 적용 시 폼(Form) 개발 시간 47% 감소 지명 (
-
구체적 코드 예시 및 AI/LLM 맥락 연동:
- CSS 사용자 정의 속성(Custom Properties) 기반의 이중 레이어(Primitive vs Semantic) 구조 코드를 구체적으로 제공 (
tokens.css및.btn-primary스타일링) - GPT-5, Claude Code(
CLAUDE.md,DESIGN.md), Moonchild AI, Antigravity 등 최신 AI/LLM 에이전트 개발 환경에서의 토큰 활용법 및 제약조건 역할 포함
- CSS 사용자 정의 속성(Custom Properties) 기반의 이중 레이어(Primitive vs Semantic) 구조 코드를 구체적으로 제공 (
-
위키 네트워크 연동 (
[[개념명]]):- 디자인 시스템 우선 접근 방식, 디자인 및 코드 명명 일치화, 코딩 에이전트 등 기존 Wiki 문서 및 연관 개념들과 연동 완료
작성된 문서는 llm-wiki/wiki/디자인 토큰.md 파일에서 바로 확인하실 수 있습니다.