작동 방식
Hue는 또 다른 디자인 언어 Skill을 만들어 내는 메타 Skill입니다. 브랜드, URL, 코드베이스, 스크린샷, 설명 또는 리믹스할 기존 Skill에서 시작할 수 있습니다. 관찰된 디자인 사실과 파생된 선택을 구분하고, 결정 사항을 design-model.yaml에 기록하며, 이 모델에서 하위 문서와 미리보기를 생성합니다.
결과물은 색상과 글꼴에 그치지 않습니다. 소스는 컴포넌트 목록, 아이콘 대체 근거, 히어로 스테이지 구성, 라이트 및 다크 토큰, 플랫폼 매핑, 네 가지 시각 시연을 다룹니다. 검증과 시각 검토도 요구합니다. 검토한 소스에는 글꼴 출처 안내가 일관되지 않은 부분이 있으므로, 모든 추천을 호환되는 것으로 보지 말고 정확한 글꼴 라이선스와 사용 가능 여부를 확인해야 합니다.
예상 결과물
- design-model.yaml을 단일 기준 소스로 하는 재사용 가능한 디자인 Skill.
- 토큰, 컴포넌트, 플랫폼 매핑 참조 파일.
- 대시보드, 컴포넌트 라이브러리, 랜딩 페이지, 앱 화면 HTML 미리보기.
브리프에서 검토까지
- 01입력 분석
가능하면 소스나 계산된 스타일에서 실제 값을 수집하고, 스크린샷이나 텍스트 가져오기에서 얻은 신뢰도가 낮은 관찰은 그렇게 표시합니다.
- 02방향 확인
더 큰 파일 세트를 생성하기 전에 미학적 해석과 핵심 토큰을 검토합니다.
- 03모델 먼저 구축
프리미티브, 시맨틱 역할, 컴포넌트, 아이콘 대체안, 히어로 스테이지 결정을 YAML에 기록합니다.
- 04생성 및 검증
모델에서 참조 파일과 미리보기를 생성하고, 제공된 검증기를 실행하며, 두 모드의 렌더링 결과를 점검합니다.