About Taste Bank关于 Taste Bank

Visual taste,
made usable.视觉品味，
转化为系统。

Taste Bank turns visual references into front-end directions that coding agents can actually apply.Taste Bank 将视觉参考转译为 coding agent 真正能够执行的前端方向。

Collect收集

Start from a real interface with a distinct point of view, not an abstract mood board or a list of fashionable adjectives.从观点鲜明的真实界面出发，而不是抽象情绪板或流行形容词的堆叠。

Translate转译

Extract typography, spacing, color, motion, voice, and explicit constraints into a structured style pack.提取字体、间距、色彩、动效、语气和明确约束，整理为结构化风格包。

Build构建

Give the complete skill, tokens, and templates to a coding agent so the visual intent survives implementation.将完整的 skill、tokens 和 templates 交给 coding agent，让视觉意图完整进入实现。

Plug it into your agent接入你的 Agent

No clone, no local Node — one URL in your MCP client config and your agent can browse, fetch, and apply every style in the bank.无需克隆仓库、无需本地 Node——在 MCP 客户端配置里加一条 URL，agent 就能浏览、取用、应用库里的每一套风格。

{
  "mcpServers": {
    "taste-bank": {
      "url": "http://182.92.129.1:3100/mcp",
      "headers": { "x-invite-code": "sl_你的邀请码" }
    }
  }
}

Browsing is open; submitting requires an invite code (ask the maintainer). Then just talk: "Build a landing page with the mono-console style from style-lab" — the agent lists styles, fetches the skill, and implements within the tokens.浏览无需邀请码，投稿才需要（向库主索取）。配好后直接说人话："用 style-lab 里的 mono-console 风格做个落地页"——agent 会自行挑风格、取 skill、按 tokens 实现。

Browse浏览

list_styles · get_style · get_style_css · get_style_file
Survey the bank, read exact tokens, export scoped CSS, inspect templates.浏览全库、读取精确设计参数、导出 scoped CSS、查看模板快照。

Apply取用

get_style_skill
Returns the assembled SKILL.md — hand it to any coding agent and it implements strictly within the style's tokens.返回组装好的 SKILL.md——交给任意 coding agent，即可让它严格按 tokens 实现该风格。

Publish投稿

submit_style · generate_keypair
Submit your own style pack (invite code + ed25519 signature). It enters the review queue and goes live on approval.提交你自己的风格包（邀请码 + ed25519 签名）。先进入审核队列，库主通过后上架。

Own & iterate管理与迭代

update_style · delete_style
Your private key is your ownership. Bump the version to iterate, sign to delete — no account, no password.私钥即所有权。升版本号即可迭代，签名即可下架——没有账号，没有密码。

Agents can also call get_usage_guide to fetch the full workflow themselves.agent 也可以随时调 get_usage_guide 自取完整工作流说明。

Created and maintained by QuasarG.由 QuasarG 创建并维护。