맛은 reusable SKILL.md로 참조 이미지의 집합을 켭니다.

• 호스트 데모:
• 맛 기술 시험 : pipeline/taste/taste-skill/SKILL.md

Repo 모양

웹 앱은 더 넓은 파이프라인의 데모입니다. 로컬 파이프라인은 가장 쉬운 이것을 개인적으로 사용하는 방법: 그것은 artifacts를 .taste/runs/...로 씁니다 Postgres, Vercel Blob, Cron, 또는 호스팅하지 않습니다.

빠른 시작: 지역 파이프라인

이 경로를 사용하여 자신의 이미지에서 맛을 만들려면.

.env.local]에서 직접 공급자 키 설정:

JPG, PNG 또는 WebP 참조 이미지를 reference-images/]에 넣어 다음 실행:

최종 기술은 다음과 같습니다.

편의성 대안: 두 개의 직접 키 대신, 당신은 하나를 설정할 수 있습니다 게이트웨이 키: OPENROUTER_API_KEY 또는 AI_GATEWAY_API_KEY. Vercel의 AI 게이트웨이 AI_GATEWAY_API_KEY를 사용하며, 일반 AI SDK 모델 문자열을 통해 경로 기본적으로 Gateway.

다른 폴더에 대해 실행:

유용한 옵션:

비교

우리는 3개의 대리인을 가진 작은 frontend 디자인 비교를 ran습니다: 1개의 기본적인 모형 Anthropic의 frontend-design] 기술을 사용하여 하나의 기술 pipeline/taste/taste-skill/SKILL.md에서 생성된 맛 기술. 각 대리인은이었습니다

Taste

Taste turns a set of reference images into a reusable SKILL.md.

• Hosted demo:
• Try a taste skill: pipeline/taste/taste-skill/SKILL.md

Repo Shape

apps/web/          hosted frontend demo and API worker implementation
packages/ai/       reusable prompt, provider, chunking, and generation package
scripts/           local pipeline runner for humans and agents
reference-images/  ignored local drop folder for your own JPG/PNG/WebP inputs
pipeline/taste/    Jaytel's example generated taste skill and pipeline notes
docs/              README images and examples

The web app is a demo of the broader pipeline. The local pipeline is the easiest way to use this repo privately: it writes artifacts to .taste/runs/... and does not need Postgres, Vercel Blob, Cron, or hosted auth.

Quick Start: Local Pipeline

Use this path if you want to create a taste skill from your own images.

npm install
cp .env.example .env.local

Set the direct provider keys in .env.local:

OPENAI_API_KEY=...
ANTHROPIC_API_KEY=...

Put JPG, PNG, or WebP reference images in reference-images/, then run:

npm run taste

The final skill is written to:

.taste/runs//SKILL.md
.taste/runs//04-skill/SKILL.md

Convenience alternatives: instead of the two direct keys, you can set one gateway key: OPENROUTER_API_KEY or AI_GATEWAY_API_KEY. Vercel’s AI Gateway uses AI_GATEWAY_API_KEY and routes plain AI SDK model strings through the Gateway by default.

Run against a different folder:

npm run taste -- ./path/to/images

Useful options:

npm run taste -- ./images --out ./my-skill-run
npm run taste -- ./images --skill-name my-taste
npm run taste -- ./images --provider openrouter
npm run taste -- ./images --model openai/gpt-5.5

Comparison

We ran a small frontend design comparison with three agents: one base model with no skill, one using Anthropic’s frontend-design skill, and one using the generated Taste skill from pipeline/taste/taste-skill/SKILL.md. Each agent was given the same prompt within each test and asked to produce a standalone HTML file.

Test 01: Opus 4.7

Prompt: Design a dashboard. Build in an HTML file. Ask no questions.

Test 02: Opus 4.7

Prompt: Design a chat interface. Build in an HTML file. Ask no questions.

Test 03: GPT-5.5

Prompt: Design a chat interface. Build in an HTML file. Ask no questions.