# 工具集

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

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

适合全栈 / 独立开发或运维 / SRE或算法 / AI或数据工程或设计师的资源，共 989 项。

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

- [MLflow Skills](https://hebbmind.com/zh-TW/plugin/mlflow-skills.md): [Plugin] MLflow 官方技能插件：让编码 agent 给 LLM 应用接入 MLflow Tracing、分析失败的 trace、搭建评测数据集与打分器、查询 token 与延迟指标，完成埋点、评测、迭代的闭环。需要 MLflow 3.8+。
- [ASCII Animation](https://hebbmind.com/zh-TW/skill/ascii-animation.md): [Skill] 用文本字符做动画：按亮度把像素映射成字符并修正等宽字体的宽高比，可生成程序化字符场，把图片、视频或 Three.js 场景转成 ASCII，或在终端里做启动画面与加载动画；网页端用 <pre> 或 canvas 渲染。
- [Glassmorphism](https://hebbmind.com/zh-TW/skill/glassmorphism.md): [Skill] 做毛玻璃与「液态玻璃」风格的界面：用 backdrop-filter 模糊、半透明底色、高光边线与多层阴影组成玻璃质感，用 SVG 位移滤镜做折射效果，给悬停、滚动与出现过程加动效，并为「降低透明度」设置提供可读的降级样式。
- [Lottie Animation](https://hebbmind.com/zh-TW/skill/lottie-animation.md): [Skill] 把 After Effects 导出的 Lottie 动画接入网页、iOS、Android 与 React Native：优先用 dotLottie 运行时，控制播放、片段与速度，做滚动或悬停驱动的交互，运行时换色，并附 AE 导出检查清单。
- [Micro Interaction](https://hebbmind.com/zh-TW/skill/micro-interaction.md): [Skill] 给界面加功能性的微动效：悬停与按下反馈、开关、点赞按钮、提示条、抽屉、弹窗、列表增删与排序、共享元素过渡，规定 100–250ms 的时长、进入慢退出快的节奏与缓动曲线，只动 transform 与 opacity，并尊重减少动态效果设置。基于 Framer Motion（motion/react）与现代 CSS。
- [SVG Animation](https://hebbmind.com/zh-TW/skill/svg-animation.md): [Skill] 给 SVG 做动画：描边逐步绘制、路径变形（GSAP MorphSVG 或 Flubber）、沿路径运动、图标状态切换，以及渐变与滤镜动画，按任务在 CSS、SMIL 与 GSAP 之间选择实现方式。
- [genmedia CLI](https://hebbmind.com/zh-TW/cli/genmedia-cli.md): [CLI] fal 官方推出的 agent 优先命令行工具，可检索并调用 fal.ai 上 1200 多个图像、视频、语音生成模型，查看参数与价格、上传素材、下载结果，输出结构化 JSON，适合批量出图和制作宣传素材。需要 fal.ai API Key，按调用量付费。
- [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/skill/pulumi-agent-skills.md): [Skill] Pulumi 官方技能集：Pulumi 程序最佳实践、组件与 Automation API、ESC 密钥配置、排查失败的 pulumi up，以及从 Terraform、CDK、CloudFormation、ARM 迁移到 Pulumi。
- [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。
- [Runway API Skills](https://hebbmind.com/zh-TW/plugin/runwayml-skills.md): [Plugin] Runway 官方插件：一句话让 agent 批量生成视频、图片、配音和音效，适合广告批量出片、产品视频和多镜头短片，也能帮开发者把 Runway 接进应用。需 Runway 开发者账号（最低预充值 10 美元）和 API Key，本地要装 uv。
- [火山引擎 CLI](https://hebbmind.com/zh-TW/cli/volcengine-cli.md): [CLI] 火山引擎官方统一命令行 ve：调用各产品 OpenAPI、管理凭证与 profile，支持 SSO 与控制台登录，还能安装火山引擎 Skill、启动 MCP 服务供 agent 使用。需要火山引擎账号。
- [Apply Design System](https://hebbmind.com/zh-TW/skill/apply-design-system.md): [Skill] 把已有的 Figma 设计重新接回已发布的设计系统组件：先备份画框，逐个区块判断已接入、可直接替换、需用基础组件重组还是无法处理，再一次只改一个区块，替换掉脱离组件的图层、本地封装与一次性组件。需要 Figma MCP 的读写能力。
- [Audit Design System](https://hebbmind.com/zh-TW/skill/audit-design-system.md): [Skill] 只读审查 Figma 页面或组件与设计系统脱节的地方：用普通框架手搭的共享组件、本应合并的重复结构、未绑定变量的硬编码颜色与间距、变体走样等，每条发现都要有 Figma 结构上的证据，可附建议替换的组件，输出 Markdown 或 JSON。需要 Figma MCP。
- [Fix Design System Finding](https://hebbmind.com/zh-TW/skill/fix-design-system-finding.md): [Skill] 针对设计系统审查给出的单条问题修复 Figma 设计：先判断能否干净地修，只备份受影响的节点，再按替换组件实例、用基础组件重组、绑定变量或对齐变体中的一种方式做最小改动，并只验证这一处；做不到就标为受阻。需要 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。
- [Sounds on the Web](https://hebbmind.com/zh-TW/skill/sounds-on-the-web.md): [Skill] 审查界面代码里的声音反馈：每个音效都要有对应的视觉反馈，可在设置中关闭并调节音量，尊重减弱动效偏好；只在确认、错误等重要时刻发声，不给打字等高频操作和装饰性交互加音效；还检查音频预加载、默认音量和音效轻重是否与操作相称。按「文件:行号」列出问题。
- [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 格式输出问题。
- [Morphing Icons](https://hebbmind.com/zh-TW/skill/morphing-icons.md): [Skill] 指导 agent 构建能在任意两个图标之间变形过渡的 SVG 图标组件：每个图标固定由三条线段组成，用不到的线段收缩到中心点，同组的旋转变体用弹簧动画转动，并遵守统一 viewBox、圆角线头、减弱动效偏好与 aria-hidden 等规则。示例基于 React 与 Motion。
- [To Spring or Not to Spring](https://hebbmind.com/zh-TW/skill/to-spring-or-not-to-spring.md): [Skill] 审查动画代码的时间函数选择：手势拖拽和可被打断的动画用弹簧，系统状态变化用缓动曲线，进度类用线性，打字等高频交互不加动画；同时检查弹簧参数与时长是否合理，按「文件:行号」列出问题。示例基于 Motion。
- [Generating Sounds with AI](https://hebbmind.com/zh-TW/skill/generating-sounds-with-ai.md): [Skill] 审查 Web Audio API 的程序化音效代码：复用单个 AudioContext 并在挂起时恢复、播放后断开节点、用指数衰减包络、点击类音效用滤波噪声而非振荡器等，按规则以 file:line 格式输出问题，适合检查界面音效。
- [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。
- [Auth0](https://hebbmind.com/zh-TW/plugin/auth0.md): [Plugin] 帮 agent 为应用接入 Auth0 身份认证：自动识别 35+ 种框架，覆盖登录、MFA、SSO、RBAC、JWT 校验、从其他认证服务迁移与租户安全审计。Auth0 官方维护，需 Auth0 账号（可免费注册）。
- [阿里云 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 鉴权，含写操作，建议配只读子账号。
- [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，建议先连沙盒并用只读或非破坏模式。
- [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 变量配置，不依赖框架，均带减少动态效果的处理。
- [CoDesign](https://hebbmind.com/zh-TW/mcp/codesign.md): [MCP] IMG.LY 官方出品，把 CE.SDK 设计引擎交给 agent：用对话生成可编辑的海报、传单、社媒图和视频，一键改成多平台尺寸，可导入 PSD、InDesign、PDF，导出带 CMYK 与出血的印刷 PDF。需 Node.js 22.15+，Windows 需在 WSL 中运行，引擎可在本地免费使用。
- [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 连接。
- [GitGuardian MCP Server](https://hebbmind.com/zh-TW/mcp/ggmcp.md): [MCP] GitGuardian 官方 MCP，用 500 多种检测器扫描代码里泄露的密钥，agent 还能分诊和处理泄露事件、生成蜜罐令牌、提 PR 修复。需要 GitGuardian 账号，推荐用官方托管地址并通过 OAuth 登录。
- [腾讯云 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，能改动线上资源，按需收窄权限。
- [美图 Meitu Skills](https://hebbmind.com/zh-TW/skill/meitu-skills.md): [Skill] 美图官方技能库：一句话让 agent 做海报、封面、表情包、证件照和电商商品多角度图，还能抠图、修复画质、图生视频和给视频配乐配音。需要在美图 MeituHub 平台申请 AK/SK（新用户有免费额度）并安装 meitu-cli。
- [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 与构建验证。
- [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+。

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