Taste Lab
Taste Lab(/taste)은 모든 웹사이트 URL을 완전하고 증거 기반의 "디자인 취향" 브리프로 변환하여 정확한 UI 측정, 시스템 패턴 및 AI 에이전트가 따를 수 있는 간결한 Taste DNA를 추출합니다.
https://tastelab.xyz/?ref=producthunt&utm_source=aipure
제품 정보
업데이트됨:Jun 16, 2026
Taste Lab이란?
Taste Lab은 모든 웹사이트의 시각적 "취향"을 역설계하고 AI 에이전트 및 빌더를 위한 실행 가능한 디자인 컨텍스트로 변환하는 디자인 분석 도구입니다. 대상 URL을 분석하여 전체 디자인 맵(색상, 타이포그래피, 간격, 반경, 그림자 등의 디자인 토큰)과 Taste DNA(디자인 결정 뒤에 숨겨진 추론 및 트레이드오프)를 포함하는 구조화된 결과물을 생성합니다. 목표는 모호한 스타일 형용사 대신 객관적인 측정에 기반하여 팀과 AI 도구가 사이트의 디자인 의도를 명확하게 재현할 수 있도록 돕는 것입니다.
Taste Lab의 주요 기능
Taste Lab(tastelab.xyz)은 모든 웹사이트 URL을 AI 에이전트를 위한 완전한 "디자인 컨텍스트"로 바꾸는 디자인 분석 도구/기술입니다. 다중 에이전트 파이프라인을 사용하여 정확한 UI 측정(색상, 타이포그래피, 간격, 반경, 그림자 등 토큰), 시스템 수준 디자인 규칙 감지, 기본 "Taste DNA"(트리거, 결정, 증거 및 절충안이 포함된 원칙)를 추론합니다. 출력은 Markdown 및 JSON으로 생성되며 인기 있는 AI 코딩/디자인 워크플로(예: Cursor, Windsurf, Claude Code, Copilot)에 통합될 수 있으므로 에이전트는 참조 사이트의 디자인 취향과 일치하는 일관된 UI를 구축할 수 있습니다.
URL-디자인 컨텍스트 추출: 웹사이트 URL을 입력하고 헥스 색상, 글꼴 크기/두께, 간격 단위, 반경 및 그림자와 같은 객관적인 UI 토큰을 캡처하는 구조화된 디자인 맵을 생성합니다.
고정밀 측정(근사치 없음): 약 20가지 측정 범주에 걸쳐 정확한 px/hex/비율을 인용하여 디자인 시스템 기준선으로 재사용할 수 있는 토큰 세트를 생성합니다.
시스템 규칙으로 패턴 감지: 추출된 측정값에서 5~8개의 체계적인 규칙을 도출하며, 각 규칙에는 증거와 명확한 디자인 목표(규칙이 존재하는 이유)가 포함됩니다.
절충안이 포함된 Taste DNA 원칙: 주요 디자인 선택의 근거를 설명하는 4가지 "취향 원칙"(최소한 하나의 제약 원칙 포함)을 생성하며, 증거와 명시적인 절충안으로 뒷받침됩니다.
이중 출력: Markdown + JSON: 사람이 읽을 수 있는 브리프(.md)와 기계가 소비할 수 있는 파일(.json)을 작성하여 팀이 결정을 검토하고 도구가 토큰을 안정적으로 수집할 수 있도록 합니다.
AI 도구를 위한 워크플로 통합: 도구별 지침 위치(예: Cursor 규칙, Windsurf 규칙, CLAUDE.md, Copilot 지침)로 내보내어 AI 에이전트가 후속 실행에서 추출된 취향을 적용할 수 있도록 합니다.
Taste Lab의 사용 사례
신속한 프로토타이핑을 위한 디자인 복제: 제품 팀은 경쟁사 또는 영감 URL을 입력하여 수동 감사 없이 유사한 느낌의 UI 생성을 가속화하는 토큰 세트와 원칙을 생성할 수 있습니다.
에이전트 안내 코드 UI 구현: AI 코딩 도우미를 사용하는 개발자는 Taste Lab 출력을 첨부하여 에이전트가 일관된 간격, 타이포그래피 및 색상 결정을 준수하는 구성 요소/페이지를 생성하도록 할 수 있습니다.
스타트업을 위한 디자인 시스템 부트스트래핑: 초기 단계 팀은 고품질 참조 사이트에서 초기 디자인 시스템을 생성하여 제품이 확장됨에 따라 일관성을 유지하는 재사용 가능한 토큰 및 규칙을 생성할 수 있습니다.
브랜드/디자인 일관성 감사: 디자인 리더는 여러 페이지 또는 속성 간의 출력을 비교하여 토큰 및 규칙의 편차를 감지한 다음 단일 원칙 세트로 표준화할 수 있습니다.
에이전시를 위한 재사용 가능한 "취향 브리프": 에이전시는 간결하고 증거 기반 디자인 브리프(토큰 + 원칙 + 절충안)를 제공하여 이해 관계자를 조정하고 인계 중 불필요한 작업을 줄일 수 있습니다.
장점
프로그래밍 방식으로 재사용하기에 적합한 정확하고 증거 기반 디자인 토큰(px/hex/비율)을 생성합니다.
UI가 무엇인지뿐만 아니라 왜 그렇게 되었는지(원칙 + 절충안)를 캡처하여 에이전트 신뢰성과 팀 정렬을 향상시킵니다.
사람과 기계 친화적인 형식으로 출력되며 여러 AI 도구 체인에 연결됩니다.
단점
기존 디자인 취향을 추출하고 체계화하는 데 중점을 둡니다. 완전히 새로운 시각적 방향을 처음부터 생성하는 데는 덜 유용할 수 있습니다.
최상의 결과는 대상 웹페이지의 접근성/구조와 자동 추출의 충실도에 따라 달라집니다(예: 동적 스타일 또는 캔버스 중심 UI는 구문 분석하기 더 어려울 수 있음).
Taste Lab 사용 방법
1) 사전 요구 사항 설치: CLI 환경(Claude Code 또는 Gemini CLI)을 준비합니다. Playwright MCP도 필요합니다(Chromium 런타임 ~100MB 다운로드).
2) Taste 스킬을 에이전트의 스킬 디렉토리에 복제: 도구의 올바른 폴더에 리포지토리를 복제합니다: Claude Code: `git clone https://github.com/senlindesign/taste-skill ~/.claude/skills/taste` 또는 Gemini CLI: `git clone https://github.com/senlindesign/taste-skill ~/.gemini/skills/taste`.
3) Playwright MCP 서버 추가(일회성 설정): Claude Code: `claude mcp add playwright -s user -- npx -y @playwright/mcp@latest --isolated` 실행. Gemini CLI: Playwright MCP를 `~/.gemini/settings.json`에 다음과 같이 추가합니다: `{ "mcpServers": { "playwright": { "command": "npx", "args": ["-y", "@playwright/mcp@latest", "--isolated"] } } }`.
4) 에이전트 도구 재시작: 새로운 스킬과 MCP 서버 구성을 로드하도록 Claude Code 또는 Gemini CLI를 재시작합니다.
5) 웹사이트 URL에서 Taste Lab 실행: 명령어 `/taste <url>`을 실행합니다(예: `/taste https://linear.app`). Taste는 4단계 에이전트 파이프라인을 실행합니다: 측정 추출 → 패턴 감지 → 취향 추론 → 관찰자(최종 편집자/품질 게이트).
6) 생성된 결과물 검토: 각 실행은 두 개의 파일 `{domain}.md`와 `{domain}.json`을 생성합니다. 이 파일에는 (1) 디자인 맵(색상, 타이포그래피, 간격, 반경, 그림자 등 정확한 값을 가진 토큰)과 (2) Taste DNA(트리거, 결정, 이유, 증거, 트레이드오프를 포함하는 4가지 원칙; 최소한 하나의 제약 원칙 포함)가 포함됩니다.
7) AI 도구를 안내하는 데 결과물 사용: 생성된 취향 컨텍스트를 도구가 읽는 통합 파일에 배치/추가하여 적용합니다. 예: Cursor: `.cursor/rules/{domain}-taste.mdc`, Windsurf: `.windsurf/rules/{domain}-taste.md`, Claude Code: `CLAUDE.md`(디자인 취향 섹션 추가), GitHub Copilot: `.github/copilot-instructions.md`, Bolt: `.bolt/prompt`, Gemini: `GEMINI.md`.
8) 취향 컨텍스트가 활성화된 상태로 에이전트 재실행: 취향 파일이 도구의 지침/규칙 위치에 있으면 일반적인 빌드/디자인 작업을 다시 실행합니다. 에이전트는 다음 실행에서 디자인 토큰과 Taste DNA 원칙을 선택해야 합니다.
Taste Lab 자주 묻는 질문
Taste Lab은 웹사이트의 "디자인 취향"을 역설계하는 도구/기술입니다. /taste 명령은 모든 URL을 AI 에이전트를 위한 완전한 디자인 컨텍스트로 변환하며, 여기에는 디자인 맵(디자인 토큰)과 취향 DNA(원칙 및 추론)가 포함됩니다.
Taste Lab와(과) 유사한 최신 AI 도구
Personalized License Plate Generator
사용자 입력을 기반으로 독특하고 개인화된 번호판 디자인을 생성하는 AI 기반 도구입니다.
Keak
Keak은 웹사이트 변형을 자동으로 생성하고 테스트를 시작하며 전환을 최적화하는 AI 기반 A/B 테스트 도구입니다.
Makeasite
Makeasite은 사용자가 프롬프트만으로 빠르게 웹사이트를 생성하고 공유할 수 있는 혁신적인 웹사이트 빌더입니다.
Adviseful
Adviseful은 IT 컨설팅 회사와 디지털 에이전시를 위한 웹 및 모바일 앱 계획을 가속화하는 AI 기반 도구로, 아이디어를 몇 분 안에 적격 리드로 전환합니다.
Taste Lab와(과) 유사한 인기 AI 도구
GPT Engineer
GPT 엔지니어는 누구나 AI 엔지니어와 채팅하여 웹 애플리케이션을 구축할 수 있도록 하는 AI 기반 소프트웨어 개발 도구입니다.
Framer
Framer는 디자이너가 직관적인 인터페이스로 멋진 반응형 웹사이트를 만들고 즉시 게시할 수 있도록 하는 강력한 웹 빌더입니다.
Framer Workshop
Framer Workshop은 디자이너와 개발자가 간단한 대화형 프롬프트를 통해 코드를 작성하지 않고도 고급 사용자 정의 가능한 웹사이트 컴포넌트를 만들 수 있도록 Framer에 내장된 AI 기반 컴포넌트 생성기입니다.
Wireframer
Wireframer는 Framer의 AI 기반 도구로, 간단한 프롬프트에서 깔끔하고 반응형 웹페이지 레이아웃과 와이어프레임을 빠르게 생성하여 디자이너가 특정 시각적 스타일에 얽매이지 않고 구조적 청사진을 만들 수 있도록 지원합니다.