Taste Lab이란?

Taste Lab은 모든 웹사이트의 시각적 DNA를 역설계하는 디자인 분석 도구입니다. URL을 입력하면 색상, 타이포그래피, 간격, 그림자, 그리고 모든 결정 뒤에 숨은 근거를 포함한 완전한 디자인 분석 결과를 반환합니다. 출력물은 .md 디자인 맵과 .json 토큰 세트 두 가지 파일로 제공되며, 모든 AI 기반 빌드 도구에 바로 적용할 수 있습니다.

대상 사용자

• 디자인 엔지니어: 경쟁사나 영감을 받은 사이트를 수동으로 분석하지 않고 정밀하고 재사용 가능한 토큰 세트가 필요한 분
• AI 에이전트 빌더: 실제 디자인 맥락(색상, 간격 규칙, 트레이드오프 로직)을 추측 없이 도구에 주입하려는 분
• 제품 디자이너: 단순한 헥스 값이 아닌, 사이트가 특정 방식으로 보이는 이유를 이해하려는 분

주요 기능

4개 에이전트 추출 파이프라인

Taste Lab은 순차적으로 4개의 특화 AI 에이전트를 실행합니다. 첫 번째 에이전트는 모든 색상, 두께, 간격 값, 모서리 반경, 그림자 등 원시 측정값을 추출합니다. 두 번째 에이전트는 해당 측정값에서 체계적인 규칙을 감지합니다. 세 번째 에이전트는 디자이너의 취향, 즉 각 선택 뒤에 숨은 의도적인 트레이드오프를 추론합니다. 네 번째 에이전트는 품질 게이트 역할을 하여 부정확한 추론을 걸러내고 최종 파일을 작성하기 전에 출력물을 검증합니다.

디자인 맵 및 취향 DNA 출력

실행할 때마다 20개 측정 범주를 포괄하는 완전한 토큰 세트인 디자인 맵과 4가지 원칙을 포함한 취향 DNA 섹션이 생성됩니다. 각 원칙에는 하나의 디자인 선택에 대한 트리거, 결정, 이유, 증거, 트레이드오프가 포함됩니다. 최소 하나의 원칙은 제약 조건으로, 디자이너가 하지 않기로 선택한 사항을 설명합니다.

정확한 픽셀 및 헥스 인용

근사치 없이 정확한 px, 헥스, 비율, DOM 값을 모든 측정값에 인용합니다. 예를 들어, 페이지 배경은 #08090A(순수 검정이 아닌 거의 검정)이고, 텍스트 기본색은 #F7F8F8(거의 흰색, 차가운 톤)일 수 있습니다. 간격은 기본 단위(예: 8px)를 기준으로 참조되며, 모든 그림자에는 전체 rgba 값과 오프셋 값이 포함됩니다.

차별점

Taste Lab은 사이트가 어떻게 보이는지 알려줄 뿐만 아니라, 디자이너가 그렇게 보이게 하기 위해 무엇을 포기했는지도 알려줍니다.

대부분의 디자인 분석 도구는 색상 팔레트와 글꼴 스택에서 멈춥니다. Taste Lab은 각 선택 뒤에 숨은 근거, 즉 디자인을 우연이 아닌 의도적으로 만드는 트레이드오프를 추출하여 한 단계 더 나아갑니다. "브랜드는 색상이 아닌 흰색에 존재한다"와 같은 원칙은 거의 검정색 사이트가 브랜드 색상 대신 흰색을 강조색으로 사용하는 이유와 그 선택이 희생하는 것(예: 템플릿 같은 싸구려 느낌)을 설명합니다. 이는 정적인 토큰 세트를 재사용 가능한 디자인 철학으로 바꿔줍니다.

이런 분께 추천합니다

시각적 인터페이스를 생성하거나 조정해야 하는 AI 도구를 구축 중이고, 무작위 스타일 가이드가 아닌 실제 디자인 결정에서 학습시키고 싶은 분. 또한 동일한 비판적 시각으로 자신의 작업을 감사하고 싶은 디자이너나, 색상 선택기 이상의 정보가 필요한 경쟁사 사이트 역설계자에게도 유용합니다.