taste-bank — Claude Code MCP server: what it does, how to install
taste-bank gives coding agents reusable frontend style packs they can browse, fetch, and apply when building a project.
Open on GitHubWhat taste-bank does
taste-bank exposes visual styles as structured packs containing metadata, design tokens, SKILL.md guidance, scoped CSS, and template snapshots. An agent can browse the catalog, retrieve a complete pack, then place a selected style into the project with the CLI commands list, skill, and use.
The recommended setup is npx taste-bank setup. It installs the CLI and injects a skill that teaches coding agents how to use it. MCP clients can connect to https://tastebank.cloud/mcp and send an invite code in the x-invite-code header. That code is required for the MCP configuration shown here.
Packs are checked against a Zod schema and kept in a local cache. taste-bank doctor checks the CLI, network, identity, skill injection, and cache; submitting styles also requires an invite code and a private key.
What it helps with
- choose a visual direction for a landing page
- fetch tokens and CSS for a selected style
- place a style into a project as a rules file
- keep preferred styles available for later work
Example prompts for the agent
- Find a taste-bank style for this product landing page and apply it to the current project.
- Run
taste-bank list, pick a suitable style, and fetch its complete pack. - Use
taste-bank use <slug>to add the selected style to this project and follow its tokens.
How to install taste-bank
Install
The MCP registry has no launch command for it: see the repository README
Step by step, with commands for each platform: How to add an MCP server to Claude Code, Codex, Cursor, VS Code, Gemini CLI and more
Questions about taste-bank
How do I install taste-bank in Claude Code?
Run npx taste-bank setup. It installs the CLI and injects a skill that teaches Claude Code to work with taste-bank.
What does taste-bank do?
It gives coding agents access to structured visual style packs. Each pack can include metadata, tokens, SKILL.md rules, CSS, and templates.
What is required for the taste-bank MCP connection?
Configure https://tastebank.cloud/mcp in the MCP client and send an invite code through the x-invite-code header. The CLI route uses npx taste-bank setup.
