工具集

Phrase Strings 官方命令行：phrase init 按向导生成配置，之后用 phrase push 上传语言文件、phrase pull 拉回最新译文，也能调用全部 API 管理项目、语言与词条。需要 Phrase Strings 账号（付费服务，可免费试用 14 天）与 API 访问令牌。

开源翻译平台 Weblate 的官方命令行客户端：查看项目与组件的翻译进度，上传、下载译文文件，锁定组件、提交或推送仓库变更。可连接 Hosted Weblate 或自建服务，需要服务地址与 API Key（在 Weblate 个人资料页获取），以及 Python 环境。

Supabase 官方插件：内置 Supabase 与 Postgres 最佳实践技能，并接入 Supabase 远程 MCP，可管理项目、执行 SQL、设计表结构与 RLS、处理认证和存储。需要 Supabase 账号。

提供十二种可直接粘贴的 CSS 过渡：卡片尺寸变化、数字跳入、通知角标、文字切换、下拉菜单、弹窗开合、面板滑入、页面左右切换、图标切换、成功对勾、头像组悬停与错误抖动，用统一的 CSS 变量配置，不依赖框架，均带减少动态效果的处理。

让 agent 搜索 Help Scout 会话，查看客户与组织的完整往来记录并拉取满意度等报表，另配 Docs API Key 后可检索知识库；起草回复、内部备注、打标签等写操作默认关闭，需手动开启。需在 Help Scout 创建私有应用，获取 App ID 与 App Secret。

GitGuardian 官方 MCP，用 500 多种检测器扫描代码里泄露的密钥，agent 还能分诊和处理泄露事件、生成蜜罐令牌、提 PR 修复。需要 GitGuardian 账号，推荐用官方托管地址并通过 OAuth 登录。

Postman 官方插件：自动配置 Postman MCP 服务，在 Claude Code 里同步集合、运行 API 测试并诊断失败、生成客户端代码、创建 Mock 与文档，做 OWASP API 安全检查。需 Postman 账号。

让 agent 上传、下载和列举腾讯云对象存储 COS 中的文件，并调用数据万象做图片处理、二维码识别、文档转 PDF、视频截帧与自然语言检索。腾讯云官方维护，需要 SecretId/SecretKey。

七牛云官方 MCP Server，让 agent 操作对象存储与 CDN：列举 Bucket、上传与获取文件、生成访问链接、刷新缓存。用七牛 AccessKey 鉴权。

构建紧凑、精致的落地页与产品页骨架：动手前先定好构图、配色、字体、圆角、表面与动效等「设计指纹」，每次换一种视觉方向，突出一个产品本身的演示件，首屏放主要操作；动效只用 transform、opacity 与 filter，保证零布局偏移，兼顾移动端、键盘焦点与减少动态效果设置。

阿里云官方的全量 OpenAPI MCP Server：按产品检索接口文档并直接发起调用，覆盖数万个阿里云接口。支持 OAuth 或 AccessKey，能改动线上资源，按需收窄权限。

社区开发的 Genesys Cloud 联络中心 MCP：客服主管和质检人员可以让 agent 查询队列话务量、抽样会话，读取通话质量、情绪、话题和转写文本，用来做质检和话务分析。需要在 Genesys Cloud 组织里创建 OAuth 客户端并按工具授权，本机装 Node.js；作者说明项目仍在开发中。

在 Next.js App Router 项目中，agent 只改动单个 CSS 值或 Tailwind 类时，页面上会出现浮动调节条，用户用方向键微调数值、切换相关属性，回车复制修改提示、Esc 还原。需在 app/layout.tsx 引入 budge.design 托管的运行时脚本。

读取 component-contracts 的组件契约 JSON，推导组件级令牌，在 Figma 中生成变体齐全、全部绑定变量的组件集。需先运行 cc-figma-tokens 建好 Primitives 与 Semantic 变量集合，并依赖 figma-use、figma-generate-library 技能与 Figma 访问令牌。

把 component-contracts 中 W3C DTCG 格式的令牌文件同步成 Figma 原生变量，建立 Primitives 与 Semantic 两个集合，按角色设置作用域与 Web 代码语法，先展示计划经确认后再写入。是 cc-figma-component 的前置步骤，依赖 figma-use 与 figma-generate-library 技能。

修复相邻可交互元素之间的悬停与点击死区：图表柱、列表行、导航项、标签页等用 gap 或 margin 留白时，指针落在间隙里会失效或闪烁；改为让元素紧贴铺满各自的槽位，把视觉间距移到元素内部，附 React/Tailwind 示例。

通过 Paper MCP 把 Paper 画布中绝对定位的设计节点改成 flex 自动布局：先读取截图与计算样式算出间距，用 x-paper-clone 保留 SVG 与图片原样，处理层级顺序与阴影，最后对比截图确认与原稿一致。需要 Paper 设计工具及其 MCP。

把 Paper 设计稿（经 Paper MCP、Viewfinder 或导出的 JSX）实现为 React/Next.js 代码前先梳理层级、识别可复用组件；每个图标单独成组件，任意值收进 globals.css 令牌，优先复用 shadcn 组件，移植真实字体，图表按数据建模。

当由 Paper 设计稿实现的应用看起来「有点不对」时，以本地 paper-sync 项目为基准核对修复：先移植真实字体，再从 .canonical 导出文件读取精确的字号、颜色与装饰，对运行中的应用与对应画板截图比对，并区分转换偏差与设计版本变化。

在保持视觉不变的前提下减少 Tailwind v4 globals.css 中的设计令牌：先建立用法映射算出仍在使用的令牌，删除无用令牌、合并亮暗模式下都相近的值，用脚本统一重命名代码中的类名，每轮跑类型检查、lint 与构建验证。

开源本地化平台 Tolgee 的官方命令行：从代码里抽取待翻译文本，把词条推送到 Tolgee、拉回最新译文，并比对本地与平台的差异。可用 Tolgee Cloud 或自建实例，需要 Node.js 18 以上，以及个人访问令牌或项目 API Key（用 tolgee login 保存）。

Browser Use 官方插件：接入 Browser Use MCP 服务，让 Claude 操控本机 Chrome 或云浏览器，完成浏览、数据提取、填表、网站测试与截图。需安装 uv，云浏览器需登录或 API Key。

Langfuse 官方插件：通过钩子把 Claude Code 会话中的提示词、模型调用、token 用量与成本、工具调用和子代理上报为 Langfuse trace，便于监控与复盘。需要 Langfuse 密钥（支持自托管），以及 uv 或 Python 3.10+。

HubSpot 官方技能：让 agent 用 HubSpot Agent CLI 创建和分诊客服工单，按管道阶段推进、按优先级排队、批量改状态并记录解决结果。需 HubSpot 账号、安装并登录 Agent CLI（测试版），并同时安装同仓库的 bulk-operations 技能；会直接改线上 CRM 数据，建议先在沙箱账号试用。