参照画像のセットを再使用可能な[SKILL.md]にしてください。

• ホストされたデモ:
• 味のスキルを試す: [pipeline/taste/taste-skill/SKILL.md]

##レポ形状

ウェブアプリは、より広範なパイプラインのデモです。 ローカルパイプラインは最も簡単です このリポジトリを個人的に使う方法: .taste/runs/... にアーティファクトを記述し、 Postgres、Vercel Blob、Cron、ホストされたauthを必要としません。

クイックスタート: ローカルパイプライン

自分のイメージから好みのスキルを作成したい場合は、このパスを使用してください。

[.env.local で直接プロバイダキーを設定します。

[[reference-images/]にJPG、PNG、またはWebP参照画像を入れ、次に実行します。

最終スキルは以下に書かれています。

一貫性の代替: 2つの直接キーの代わりに、あなたは1を設定することができます ゲートウェイキー:[OPENROUTER_API_KEYまたはAI_GATEWAY_API_KEY]。 VercelのAIゲートウェイ AI_GATEWAY_API_KEY を使用して、プレーンAI SDKモデル文字列をルーティングします。 デフォルトでゲートウェイ。

別のフォルダーに対して実行します。

便利なオプション:

比較

3つのエージェントと小さなフロントエンドのデザイン比較をしました。 Anthropic の frontend-design のスキルを使わずに 1 つ、 [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.