taste

Give your coding agent design taste with one MCP link.

Taste condenses 14 of the most-starred open-source design repos (Impeccable, Hallmark, Taste Skill, UI UX Pro Max, Emil Kowalski's skills, GSAP skills, Google DESIGN.md, awesome-design-md and more) into rules, art directions, an AI-slop audit and a component finder. Claude Code, Codex, Cursor and anything else that speaks MCP follow them while they build, so the first draft stops looking generated.

Site and guides: https://kamal007olica.github.io/taste-mcp/

Add it

claude mcp add --scope user --transport http taste https://agent-taste.vercel.app/mcp

That is the whole setup for Claude Code. --scope user makes it apply to every project; drop it to add the server to the current project only. To share it with a team, commit this as .mcp.json at the repo root:

{ "mcpServers": { "taste": { "type": "http", "url": "https://agent-taste.vercel.app/mcp" } } }

Codex (~/.codex/config.toml)

[mcp_servers.taste]
url = "https://agent-taste.vercel.app/mcp"

Cursor (~/.cursor/mcp.json or .cursor/mcp.json)

{ "mcpServers": { "taste": { "url": "https://agent-taste.vercel.app/mcp" } } }

Claude desktop or claude.ai: Settings, then Connectors, then Add custom connector, and paste https://agent-taste.vercel.app/mcp.

VS Code

code --add-mcp '{"name":"taste","type":"http","url":"https://agent-taste.vercel.app/mcp"}'

Local over stdio (offline except for brand references)

claude mcp add --scope user taste -- npx -y github:Kamal007OLica/taste-mcp

Related MCP server: Better Design

What happens after you add it

1. The rules load right away. The server's instructions (the 25 core rules, compressed to about 2 KB) are added to your agent's context as soon as it connects, before it has called any tool.

2. On any UI task the agent runs the loop: taste_brief, then pick_direction and write_design_md, then it builds, runs audit_ui, fixes what it finds and screenshots the result.

3. DESIGN.md carries the taste forward. The chosen direction is saved in your repo, so tomorrow's session and your teammates' agents build in the same style.

Tools

Prompts appear as slash commands in Claude Code: /mcp__taste__design, /mcp__taste__critique, /mcp__taste__polish.

No MCP? Point your agent at taste.md, which has every guide in one file, or at llms.txt.

The 14 sources

Licences and what was taken from each project: NOTICE.md.

Develop

npm install
npm run build:kb      # knowledge/ + data/ -> src/kb.generated.js and the site
npm run dev           # http://localhost:8787/mcp
npm test              # smoke test over stdio (or: node scripts/smoke.mjs http://localhost:8787/mcp)

• knowledge/: the condensed guides (Markdown) plus directions.json, detectors.json, components.json, brands.json, sources.json, and instructions.txt (the always-on server instructions).

• src/create-server.js: tools, prompts and resources. api/mcp.js: the stateless Streamable HTTP endpoint on Vercel. bin/stdio.js: the local entry point.

• site/: the GitHub Pages site, deployed by .github/workflows/pages.yml on every push to main.

To edit a rule, change the file in knowledge/, run npm run build:kb, and commit. Pages rebuilds the site; redeploy Vercel for the MCP (vercel deploy --prod).

Licence

MIT. See NOTICE.md for the sources' licences.