원문: https://github.com/facebook/astryx/wiki/Vibe-Evaluation · 번역 기준: 2026-09-03

Astryx가 대안 대비 얼마나 잘 수행하는지 측정하는 nightly 및 주기적 평가입니다. 이것이 벤치마킹 시스템입니다 — 디자인 시스템이 시간이 지나며 좋아지는지 나빠지는지 알려주는 지속적인 스코어카드입니다.

vibe test로 API 결정을 내리는 것(API 형태 선택, 네이밍 분쟁 해결)에 대해서는 API Arbitration을 참고하세요.

왜 하는가

디자인 시스템은 UI 구축을 더 빠르고 일관되게 만들기 위해 존재합니다. AI 지원 시대에는, 시스템이 문서를 읽는 인간뿐 아니라 그 문서로부터 코드를 생성하는 LLM에게도 잘 작동해야 한다는 뜻입니다.

nightly 평가는 이렇게 답합니다: Astryx는 대안보다 측정 가능하게 더 나은가? baseline(shadcn/Tailwind)이 지속적으로 Astryx를 앞선다면 무언가 regress되고 있는 것입니다 — 오래된 문서, 커져 가는 API 복잡성, 혹은 멘탈 모델과 싸우는 컨벤션.

이것은 시스템의 건강 검진이지 설계 도구가 아닙니다. vibe test를 설계 도구로 쓰는 방법은 API Arbitration을 참고하세요.

무엇을 측정하는가

여섯 가지 dimension

핵심 metric

• Decisions/element — LLM이 UI 요소당 내려야 했던 스타일링 결정의 수. Astryx는 보통 ~1.7, raw Tailwind는 ~2.3입니다. 낮을수록 좋습니다 — 시스템이 복잡성을 흡수하고 있다는 뜻입니다.
• Semantic ratio — 스타일링 중 semantic token을 쓰는 비율 vs raw 값. 높을수록 더 유지보수 가능하고 테마 적용이 쉽습니다.
• Escape hatch — LLM이 디자인 시스템을 벗어나 raw CSS/HTML로 빠졌는가? 어디서, 왜?
• Dimension 점수 — 6개 dimension 각각을 0-100으로 채점. 종합 점수는 채점 가능한 dimension들의 평균입니다.

타겟