# 工具集

> 全部已收录的资源，编辑推荐的排在前面。下面几种条件可以同时用。

- 可以搜索：在地址后加 `?q=<关键词>`，多个关键词用空格分隔，要同时命中。搜的是名称、仓库、标签、职业、简介与 README。
- 可以按类型过滤：在地址后加 `?type=<cli|skill|plugin|mcp>`。
- 可以按职业过滤：在地址后加 `?profession=<职业编号>`，多个用逗号分隔，资源适合其中任意一个即可。编号见 https://hebbmind.com/api/v1/professions
- 可以按标签过滤：在地址后加 `?tag=<标签>`，多个用逗号分隔，资源要同时带有这些标签。标签见 https://hebbmind.com/api/v1/tags

适合全栈 / 独立开发或前端开发或运维 / SRE或算法 / AI或数据工程的资源，共 990 项。

> - 全栈 / 独立开发：跨前后端的通用研发：编码 Agent 工作流、代码评审、调试与 Git 协作。
> - 前端开发：网页、H5 与小程序的界面开发、调试与性能优化。
> - 运维 / SRE：部署、监控、云资源与系统稳定性。
> - 算法 / AI：模型训练、评测与大模型应用开发。
> - 数据工程：数据管道、数仓建模、ETL 与数据质量治理。

- [SVG Animation](https://hebbmind.com/zh-TW/skill/svg-animation.md): [Skill] 给 SVG 做动画：描边逐步绘制、路径变形（GSAP MorphSVG 或 Flubber）、沿路径运动、图标状态切换，以及渐变与滤镜动画，按任务在 CSS、SMIL 与 GSAP 之间选择实现方式。
- [Pulumi Agent Skills](https://hebbmind.com/zh-TW/skill/pulumi-agent-skills.md): [Skill] Pulumi 官方技能集：Pulumi 程序最佳实践、组件与 Automation API、ESC 密钥配置、排查失败的 pulumi up，以及从 Terraform、CDK、CloudFormation、ARM 迁移到 Pulumi。
- [SimpleLocalize CLI](https://hebbmind.com/zh-TW/cli/simplelocalize-cli.md): [CLI] SimpleLocalize 官方命令行：上传、下载多语言翻译文件，一键发起机器翻译与 AI 自动翻译，把译文发布到 CDN 托管，还能从源码中抽取待翻译的文案键，适合放进 CI 自动跑本地化流程。需要 SimpleLocalize 账号与项目 API Key，平台为付费服务，可免费试用 14 天。
- [Prisma Skills](https://hebbmind.com/zh-TW/skill/prisma-skills.md): [Skill] Prisma 官方技能合集：Prisma ORM 命令行、Client 查询 API、各类数据库连接配置、v6 升级 v7 的迁移指南，以及 Prisma Postgres 与 Compute 部署流程。
- [Pulumi Agent Skills](https://hebbmind.com/zh-TW/plugin/pulumi-agent-skills.md): [Plugin] Pulumi 官方插件市场：用 TypeScript、Python、Go 等语言编写基础设施即代码，支持从 Terraform、CDK、CloudFormation、ARM 迁移，并管理 ESC 密钥与配置；同时支持 Claude Code 与 Codex。
- [Zendesk CLI (ZCLI)](https://hebbmind.com/zh-TW/cli/zcli.md): [CLI] Zendesk 官方命令行：在本地预览、导入并发布帮助中心（Help Center）主题，也能创建、打包、部署 Zendesk 应用（如工单侧边栏应用），适合维护帮助中心页面的客服管理员。需要 Zendesk 账号、Node.js 20.17 以上与 yarn，改主题需懂一些 HTML/CSS，先用 zcli login 在浏览器里登录。
- [火山引擎 CLI](https://hebbmind.com/zh-TW/cli/volcengine-cli.md): [CLI] 火山引擎官方统一命令行 ve：调用各产品 OpenAPI、管理凭证与 profile，支持 SSO 与控制台登录，还能安装火山引擎 Skill、启动 MCP 服务供 agent 使用。需要火山引擎账号。
- [locize-cli](https://hebbmind.com/zh-TW/cli/locize-cli.md): [CLI] Locize 官方命令行：在本地多语言文件与 Locize 翻译平台之间同步，增删查翻译条目、下载已发布译文、管理版本与分支，可导出 JSON、XLIFF、PO、CSV、Excel 等格式交给译员处理。需要 Locize 账号、项目 ID 与 API Key，有免费套餐。
- [Audit Design System](https://hebbmind.com/zh-TW/skill/audit-design-system.md): [Skill] 只读审查 Figma 页面或组件与设计系统脱节的地方：用普通框架手搭的共享组件、本应合并的重复结构、未绑定变量的硬编码颜色与间距、变体走样等，每条发现都要有 Figma 结构上的证据，可附建议替换的组件，输出 Markdown 或 JSON。需要 Figma MCP。
- [Pinecone Plugin for Claude Code](https://hebbmind.com/zh-TW/plugin/pinecone-claude-code-plugin.md): [Plugin] Pinecone 官方插件：内置 Pinecone MCP 服务器与一组 /pinecone 技能命令，在 Claude Code 里创建向量索引、写入数据、用自然语言检索，或搭建带引用的文档问答助手。需要 Pinecone API Key（可免费注册），Assistant 功能还需安装 uv。
- [Vault MCP Server](https://hebbmind.com/zh-TW/mcp/vault-mcp-server.md): [MCP] HashiCorp 官方 MCP，让 agent 管理 Vault 挂载点、读写 KV 密钥，还能启用 PKI、创建签发者和角色并签发证书。需要可访问的 Vault 服务和令牌，官方建议只在本地可信环境中使用。
- [12 Principles of Animation](https://hebbmind.com/zh-TW/skill/12-principles-of-animation.md): [Skill] 按改编到网页的迪士尼动画 12 原则审查动效代码，分时长、缓动、物理、编排四类规则检查，例如用户触发的动画须在 300ms 内完成、入场用 ease-out、按压要有缩放反馈，以 file:line 格式输出问题。
- [Generating Sounds with AI](https://hebbmind.com/zh-TW/skill/generating-sounds-with-ai.md): [Skill] 审查 Web Audio API 的程序化音效代码：复用单个 AudioContext 并在挂起时恢复、播放后断开节点、用指数衰减包络、点击类音效用滤波噪声而非振荡器等，按规则以 file:line 格式输出问题，适合检查界面音效。
- [Mastering AnimatePresence](https://hebbmind.com/zh-TW/skill/mastering-animate-presence.md): [Skill] 按规则审查 Motion（Framer Motion）代码里的 AnimatePresence 用法：条件渲染的退场是否有包裹、exit 与 key 是否齐全、useIsPresent 与 usePresence 钩子的用法、mode 的选择和嵌套退场的协调，按「文件:行号」列出问题。适用于 React 项目。
- [Morphing Icons](https://hebbmind.com/zh-TW/skill/morphing-icons.md): [Skill] 指导 agent 构建能在任意两个图标之间变形过渡的 SVG 图标组件：每个图标固定由三条线段组成，用不到的线段收缩到中心点，同组的旋转变体用弹簧动画转动，并遵守统一 viewBox、圆角线头、减弱动效偏好与 aria-hidden 等规则。示例基于 React 与 Motion。
- [Pseudo Elements](https://hebbmind.com/zh-TW/skill/pseudo-elements.md): [Skill] 审查 CSS 与 JavaScript 中伪元素和 View Transitions API 的用法：::before／::after 的 content、定位与层级，用伪元素代替多余的 DOM 节点、扩大点击区域，view-transition-name 的命名与清理，以及 ::backdrop 等原生样式，按「文件:行号」列出问题。
- [Sounds on the Web](https://hebbmind.com/zh-TW/skill/sounds-on-the-web.md): [Skill] 审查界面代码里的声音反馈：每个音效都要有对应的视觉反馈，可在设置中关闭并调节音量，尊重减弱动效偏好；只在确认、错误等重要时刻发声，不给打字等高频操作和装饰性交互加音效；还检查音频预加载、默认音量和音效轻重是否与操作相称。按「文件:行号」列出问题。
- [To Spring or Not to Spring](https://hebbmind.com/zh-TW/skill/to-spring-or-not-to-spring.md): [Skill] 审查动画代码的时间函数选择：手势拖拽和可被打断的动画用弹簧，系统状态变化用缓动曲线，进度类用线性，打字等高频交互不加动画；同时检查弹簧参数与时长是否合理，按「文件:行号」列出问题。示例基于 Motion。
- [Auth0](https://hebbmind.com/zh-TW/plugin/auth0.md): [Plugin] 帮 agent 为应用接入 Auth0 身份认证：自动识别 35+ 种框架，覆盖登录、MFA、SSO、RBAC、JWT 校验、从其他认证服务迁移与租户安全审计。Auth0 官方维护，需 Auth0 账号（可免费注册）。
- [Trivy MCP Server](https://hebbmind.com/zh-TW/mcp/trivy-mcp.md): [MCP] Trivy 的 MCP 插件，让 agent 用自然语言扫描本地项目、容器镜像和远程仓库里的漏洞与配置错误，可选对接 Aqua 平台检查策略合规。需要先安装 Trivy，由 Aqua Security 官方维护。
- [阿里云 DataWorks MCP Server](https://hebbmind.com/zh-TW/mcp/alibabacloud-dataworks-mcp-server.md): [MCP] 阿里云官方 MCP 服务器，通过 DataWorks Open API 让 agent 管理数据开发节点与工作流、运维调度实例、查询数据地图元数据与血缘、配置数据质量规则。需要阿里云 AccessKey。
- [Skyline Skills](https://hebbmind.com/zh-TW/skill/skyline-skills.md): [Skill] 微信小程序官方的 Skyline 渲染引擎技能：帮助评估迁移成本，并覆盖 JSON 配置、组件开发、WXSS 兼容性、Worklet 动画、自定义路由转场与滚动控制 API。
- [阿里云 DMS MCP Server](https://hebbmind.com/zh-TW/mcp/alibabacloud-dms-mcp-server.md): [MCP] 阿里云官方的数据管理 DMS MCP Server，一个入口接 40 多种数据源，让 agent 以统一方式查询库表元数据与执行 SQL。用 AccessKey 鉴权，权限沿用 DMS 里的授权。
- [阿里云 RDS MCP Server](https://hebbmind.com/zh-TW/mcp/alibabacloud-rds-openapi-mcp-server.md): [MCP] 阿里云官方的 RDS MCP Server，通过 OpenAPI 查询与管理 RDS 实例：实例清单、参数、慢查询与性能指标。用阿里云 AccessKey 鉴权，含写操作，建议配只读子账号。
- [DeepL CLI](https://hebbmind.com/zh-TW/cli/deepl-cli.md): [CLI] DeepL 官方命令行：翻译文本与 PDF、Word、PPT、Excel 文档并保留排版，支持术语表与翻译记忆，适合译者、律师翻译外文合同与资料（法律译文需专业人员复核）。需要 DeepL API Key（有免费账户），目前需用 Node.js 24.15+ 从源码安装。
- [Netlify Skills](https://hebbmind.com/zh-TW/plugin/context-and-tools.md): [Plugin] Netlify 官方插件，内置 Functions、Edge Functions、Blobs、数据库、表单、缓存、netlify.toml 配置与部署等技能，并接入托管 Netlify MCP（首次使用 OAuth 登录）。
- [Paddle MCP Server](https://hebbmind.com/zh-TW/mcp/paddle-mcp-server.md): [MCP] Paddle 官方 MCP（Paddle 以代收款主体身份代办支付与税务）：在对话里管理产品价格、客户、订阅、交易与退款，下载发票 PDF 并生成财务报表。需 Paddle Billing 账户与 API Key，建议先连沙盒并用只读或非破坏模式。
- [Phrase Strings CLI](https://hebbmind.com/zh-TW/cli/phrase-cli.md): [CLI] Phrase Strings 官方命令行：phrase init 按向导生成配置，之后用 phrase push 上传语言文件、phrase pull 拉回最新译文，也能调用全部 API 管理项目、语言与词条。需要 Phrase Strings 账号（付费服务，可免费试用 14 天）与 API 访问令牌。
- [Weblate Client (wlc)](https://hebbmind.com/zh-TW/cli/wlc.md): [CLI] 开源翻译平台 Weblate 的官方命令行客户端：查看项目与组件的翻译进度，上传、下载译文文件，锁定组件、提交或推送仓库变更。可连接 Hosted Weblate 或自建服务，需要服务地址与 API Key（在 Weblate 个人资料页获取），以及 Python 环境。
- [Supabase Agent Plugin](https://hebbmind.com/zh-TW/plugin/supabase-plugin.md): [Plugin] Supabase 官方插件：内置 Supabase 与 Postgres 最佳实践技能，并接入 Supabase 远程 MCP，可管理项目、执行 SQL、设计表结构与 RLS、处理认证和存储。需要 Supabase 账号。
- [Transitions.dev](https://hebbmind.com/zh-TW/skill/transitions-dev.md): [Skill] 提供十二种可直接粘贴的 CSS 过渡：卡片尺寸变化、数字跳入、通知角标、文字切换、下拉菜单、弹窗开合、面板滑入、页面左右切换、图标切换、成功对勾、头像组悬停与错误抖动，用统一的 CSS 变量配置，不依赖框架，均带减少动态效果的处理。
- [GitGuardian MCP Server](https://hebbmind.com/zh-TW/mcp/ggmcp.md): [MCP] GitGuardian 官方 MCP，用 500 多种检测器扫描代码里泄露的密钥，agent 还能分诊和处理泄露事件、生成蜜罐令牌、提 PR 修复。需要 GitGuardian 账号，推荐用官方托管地址并通过 OAuth 登录。
- [Postman Plugin for Claude Code](https://hebbmind.com/zh-TW/plugin/postman-claude-code-plugin.md): [Plugin] Postman 官方插件：自动配置 Postman MCP 服务，在 Claude Code 里同步集合、运行 API 测试并诊断失败、生成客户端代码、创建 Mock 与文档，做 OWASP API 安全检查。需 Postman 账号。
- [Snowflake Cortex Code](https://hebbmind.com/zh-TW/plugin/cortex-code.md): [Plugin] Snowflake 官方插件：自动识别与 Snowflake 相关的请求并转交 Cortex Code CLI 执行，由其 55+ 内置技能处理 SQL、动态表、数据治理等。需安装 cortex CLI 并配置 Snowflake 连接。
- [腾讯云 COS MCP Server](https://hebbmind.com/zh-TW/mcp/cos-mcp.md): [MCP] 让 agent 上传、下载和列举腾讯云对象存储 COS 中的文件，并调用数据万象做图片处理、二维码识别、文档转 PDF、视频截帧与自然语言检索。腾讯云官方维护，需要 SecretId/SecretKey。
- [七牛云 MCP Server](https://hebbmind.com/zh-TW/mcp/qiniu-mcp-server.md): [MCP] 七牛云官方 MCP Server，让 agent 操作对象存储与 CDN：列举 Bucket、上传与获取文件、生成访问链接、刷新缓存。用七牛 AccessKey 鉴权。
- [Compact Landing](https://hebbmind.com/zh-TW/skill/compact-landing.md): [Skill] 构建紧凑、精致的落地页与产品页骨架：动手前先定好构图、配色、字体、圆角、表面与动效等「设计指纹」，每次换一种视觉方向，突出一个产品本身的演示件，首屏放主要操作；动效只用 transform、opacity 与 filter，保证零布局偏移，兼顾移动端、键盘焦点与减少动态效果设置。
- [阿里云 OpenAPI MCP Server](https://hebbmind.com/zh-TW/mcp/alibabacloud-api-mcp-server.md): [MCP] 阿里云官方的全量 OpenAPI MCP Server：按产品检索接口文档并直接发起调用，覆盖数万个阿里云接口。支持 OAuth 或 AccessKey，能改动线上资源，按需收窄权限。
- [Budge](https://hebbmind.com/zh-TW/skill/budge.md): [Skill] 在 Next.js App Router 项目中，agent 只改动单个 CSS 值或 Tailwind 类时，页面上会出现浮动调节条，用户用方向键微调数值、切换相关属性，回车复制修改提示、Esc 还原。需在 app/layout.tsx 引入 budge.design 托管的运行时脚本。
- [CC Figma Component](https://hebbmind.com/zh-TW/skill/cc-figma-component.md): [Skill] 读取 component-contracts 的组件契约 JSON，推导组件级令牌，在 Figma 中生成变体齐全、全部绑定变量的组件集。需先运行 cc-figma-tokens 建好 Primitives 与 Semantic 变量集合，并依赖 figma-use、figma-generate-library 技能与 Figma 访问令牌。
- [CC Figma Tokens](https://hebbmind.com/zh-TW/skill/cc-figma-tokens.md): [Skill] 把 component-contracts 中 W3C DTCG 格式的令牌文件同步成 Figma 原生变量，建立 Primitives 与 Semantic 两个集合，按角色设置作用域与 Web 代码语法，先展示计划经确认后再写入。是 cc-figma-component 的前置步骤，依赖 figma-use 与 figma-generate-library 技能。
- [Interactive Hit Areas](https://hebbmind.com/zh-TW/skill/interactive-hit-areas.md): [Skill] 修复相邻可交互元素之间的悬停与点击死区：图表柱、列表行、导航项、标签页等用 gap 或 margin 留白时，指针落在间隙里会失效或闪烁；改为让元素紧贴铺满各自的槽位，把视觉间距移到元素内部，附 React/Tailwind 示例。
- [Paper Flex](https://hebbmind.com/zh-TW/skill/paper-flex.md): [Skill] 通过 Paper MCP 把 Paper 画布中绝对定位的设计节点改成 flex 自动布局：先读取截图与计算样式算出间距，用 x-paper-clone 保留 SVG 与图片原样，处理层级顺序与阴影，最后对比截图确认与原稿一致。需要 Paper 设计工具及其 MCP。
- [Paper to Code Components](https://hebbmind.com/zh-TW/skill/paper-to-code-components.md): [Skill] 把 Paper 设计稿（经 Paper MCP、Viewfinder 或导出的 JSX）实现为 React/Next.js 代码前先梳理层级、识别可复用组件；每个图标单独成组件，任意值收进 globals.css 令牌，优先复用 shadcn 组件，移植真实字体，图表按数据建模。
- [Reconcile Paper Sync](https://hebbmind.com/zh-TW/skill/reconcile-paper-sync.md): [Skill] 当由 Paper 设计稿实现的应用看起来「有点不对」时，以本地 paper-sync 项目为基准核对修复：先移植真实字体，再从 .canonical 导出文件读取精确的字号、颜色与装饰，对运行中的应用与对应画板截图比对，并区分转换偏差与设计版本变化。
- [Tailwind Token Consolidation](https://hebbmind.com/zh-TW/skill/tailwind-token-consolidation.md): [Skill] 在保持视觉不变的前提下减少 Tailwind v4 globals.css 中的设计令牌：先建立用法映射算出仍在使用的令牌，删除无用令牌、合并亮暗模式下都相近的值，用脚本统一重命名代码中的类名，每轮跑类型检查、lint 与构建验证。
- [Tolgee CLI](https://hebbmind.com/zh-TW/cli/tolgee-cli.md): [CLI] 开源本地化平台 Tolgee 的官方命令行：从代码里抽取待翻译文本，把词条推送到 Tolgee、拉回最新译文，并比对本地与平台的差异。可用 Tolgee Cloud 或自建实例，需要 Node.js 18 以上，以及个人访问令牌或项目 API Key（用 tolgee login 保存）。
- [Browser Use](https://hebbmind.com/zh-TW/plugin/browser-use.md): [Plugin] Browser Use 官方插件：接入 Browser Use MCP 服务，让 Claude 操控本机 Chrome 或云浏览器，完成浏览、数据提取、填表、网站测试与截图。需安装 uv，云浏览器需登录或 API Key。
- [Langfuse Observability Plugin](https://hebbmind.com/zh-TW/plugin/claude-observability-plugin.md): [Plugin] Langfuse 官方插件：通过钩子把 Claude Code 会话中的提示词、模型调用、token 用量与成本、工具调用和子代理上报为 Langfuse trace，便于监控与复盘。需要 Langfuse 密钥（支持自托管），以及 uv 或 Python 3.10+。
- [Sync Figma Token](https://hebbmind.com/zh-TW/skill/sync-figma-token.md): [Skill] 在代码里的设计令牌与 Figma 变量之间做同步：先把两边整理成统一格式，按值、别名、模式、作用域等类别列出差异并给出预演结果，必须等用户确认后才写入，默认只归档不删除，每次运行把报告存成 JSON。需要 Figma MCP，需手动调用。

下一页：https://hebbmind.com/zh-TW/tools.md?page=20&profession=fullstack%2Cfrontend%2Cdevops%2Calgorithm%2Cdata-engineering