# Sigil UI

이 사이트는 한국어 버전입니다. 영어 원문은 <https://www.kevinliu.studio/cards/sigil-ui.md>에서 볼 수 있습니다.

Sigil UI는 Markdown 파일 하나로 350개가 넘는 컴포넌트의 스타일을 모두 지정하는 라이브러리입니다.

Kevin Liu의 컬렉션에 있는 카드 26장 중 21번째 카드. 2026. 인터페이스 및 에이전트.

- 바로가기: https://sigil.kevinliu.studio
- 소스: https://github.com/Kevin-Liu-01/Sigil-UI
- 잉크: 2
- 체력 304, 공격력 117, 방어력 113, 속도 108

## 수치

- **97 커밋**. 증빙: `git rev-list --count 966d8805b`
- **10 GitHub 스타**. 증빙: `gh api repos/Kevin-Liu-01/Sigil-UI --jq .stargazers_count (2026-11-01)`
- **30 검사 파일**. 증빙: `gh api 'repos/Kevin-Liu-01/Sigil-UI/git/trees/966d8805ba2c6e48886b35ab658e6f40504039c1?recursive=1' --jq '.tree[]|select(.type=="blob").path' | grep -cE <glob> (tree not truncated; git ls-tree -r --name-only gives the same 30)`
- **4.62 활동일당 커밋**. 증빙: `97 commits over 21 distinct commit dates, 2026-04-22 to 2026-10-16`

## 특성

**Validated**. 불러올 때 프리셋을 검사하고 안전하지 않은 값을 거부하므로, 중독되지 않습니다. 증빙: `Sigil-UI@966d8805b:packages/presets/src/index.ts:55-64; packages/tokens/src/validation.ts:26-28, 129-131, 411-436`

## 기술

- Preset Swap 사용 시 60의 피해를 주고 가장 큰 피해를 줄 수 있는 계열로 바뀝니다. 명령 하나로 44가지 완성형 디자인 중 하나를 적용해 스타일 값 519개를 모두 바꾸며, 컴포넌트는 수정할 필요가 없습니다. 증빙: `Sigil-UI@966d8805b:packages/cli/src/commands/preset.ts:76-93; README.md:76, 81-83; apps/web/lib/product-stats.ts:24-25; packages/presets/src/catalog.ts:22-65`
- One Design File 사용 시 90% 확률로 85의 피해를 줍니다. 색상부터 움직임까지 스타일 값 519개가 모두 Markdown 파일 하나에 담겨 있으며, 한 번 컴파일하면 모든 컴포넌트의 스타일이 바뀝니다. 증빙: `Sigil-UI@966d8805b:README.md:6-9, 21-29; packages/cli/src/commands/design.ts:103-141`
- Agent Skills 사용 시 95% 확률로 25의 피해를 2~4회 줍니다. 초기 설정 시 스킬 10개가 설치됩니다. 이 안내 파일들은 AI 코딩 에이전트에게 Sigil의 스타일 값, 레이아웃, 세부 마감 규칙을 알려 줍니다. 증빙: `Sigil-UI@966d8805b:packages/cli/src/utils/setup.ts:95-105; packages/cli/src/utils/skills.ts:13-84, 92-109`
- Doctor 사용 시 체력을 50 회복합니다. 진단 도구가 설정 파일부터 에이전트 파일까지 프로젝트 설정을 일곱 항목으로 점검하고, 각 항목을 pass, warn 또는 fail로 표시합니다. 증빙: `Sigil-UI@966d8805b:packages/cli/src/commands/doctor.ts:16-52`

## 관련 항목

- [Jarhead](https://www.kevinliu.studio/ko/cards/jarhead) (에이전트, 인터페이스)
- [Turboslide](https://www.kevinliu.studio/ko/cards/turboslide) (에이전트, 인터페이스)
- [050525](https://www.kevinliu.studio/ko/cards/dedalus-terminal) (인터페이스, 게임)

2026-10-16의 커밋 966d8805b를 기준으로 기록된 정보입니다.

모든 카드: https://www.kevinliu.studio/ko/cards