用途:Taste 用于研究某个网站的设计,并把结果沉淀为后续设计工作的参考。输入一个 URL,它会用真实浏览器抓取页面 DOM 数据与截图,再运行四步分析,产出两个文件:./{domain}.md(人类可读,含 Design Map 与 Taste DNA 两部分)和 ./{domain}.json(同数据的机器可解析版本,供 Cursor、Windsurf、设计系统等下游工具使用)。Design Map 记录颜色、字号体系、间距、圆角、阴影、网格等实用令牌;Taste DNA 给出 3-4 条有观点的取舍(触发条件→决策→理由→证据)。该流程拒绝“简洁现代”这类泛泛描述。
主要能力:支持 /taste <url> 斜杠形式与自然语言请求(如分析某站设计、提取设计令牌、模仿某站风格、竞品设计对比);可只分析单页,也可探索 2-3 个站内链接页并合并数据;可导出为 Cursor、Windsurf、Claude Code、GitHub Copilot、Bolt、Antigravity、v0、Figma Make、Lovable 等目标格式,或仅保留 md 与 json。
使用方式:需先安装并连接 Playwright MCP 服务器,可用 claude mcp list | grep playwright 验证;未安装时执行 claude mcp add playwright -s user -- npx -y @playwright/mcp@latest --isolated,安装后需重启 Claude Code。首次运行可能需 30-60 秒下载 Chromium,可预先执行 npx playwright install chromium。流程分五阶段:解析 URL 与导出目标、用 Playwright 抓取页面(视口 1440×900、截图、DOM 提取)、四步分析(测量、模式、品味、观察者)、写出文件、自审(用 grep 检查并剔除“clean/modern”等空泛词,校验 JSON 与章节)、按目标导出。
适用场景:研究某网站设计并作为未来设计指导、模仿某站风格、竞品设计调研。
限制:依赖 Playwright MCP,缺失时无法运行;不适用于抓取数据、总结网页内容或部署网站;页面渲染不完整时部分测量为近似值;导出格式细节与各目标文件路径需参考其 references/export-formats.md,资料未完整给出。