工具集

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

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

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

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

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

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

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

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

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

在 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 保存）。

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

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

在代码里的设计令牌与 Figma 变量之间做同步：先把两边整理成统一格式，按值、别名、模式、作用域等类别列出差异并给出预演结果，必须等用户确认后才写入，默认只归档不删除，每次运行把报告存成 JSON。需要 Figma MCP，需手动调用。

用 Remotion（React）制作产品发布、宣传与功能介绍视频：先问清产品、受众、时长、配音与发布平台等 9 个问题，提出 2–3 个视觉方向供选择，写出 storyboard.json 分镜后再编码，按需生成配音与补充素材。

AWS 官方为初创公司出的插件：解答 AWS Activate 云额度的申请条件和 60 多项创业优惠，按融资阶段、团队规模和资金能撑多久给出架构与成本建议，也能规划从 GCP、Azure、Heroku 迁移到 AWS。需安装 Claude Code；查额度与优惠不需要 AWS 账号，迁移和搭建项目要配合代码仓库，成本估算仅供参考。

魔搭社区（ModelScope）官方 MCP：搜索模型、数据集、创空间应用、论文与 MCP 服务并查看详情，还能调用文生图与图生图；需要魔搭 API Token。