# 工具集

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

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

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

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

- [SonarQube](https://hebbmind.com/zh-TW/plugin/sonarqube-agent-plugins.md): [Plugin] 在 agent 编码循环中接入 SonarQube 代码质量与安全检查：密钥扫描钩子、问题列表与修复、质量门禁、覆盖率与依赖风险查询；开通 Vortex 分析后每次编辑自动检查。Sonar 官方维护，需 SonarQube 账号（含免费 Community Build）、sonar CLI 与 Docker。
- [Slopgent](https://hebbmind.com/zh-TW/skill/slopgent.md): [Skill] 约束 agent 自己在对话中的回复：如实区分已改动与已验证，删掉虚假的把握，先给命令、路径或结论再解释，用平实的语言但保留关键的数字与风险说明。需手动调用，开启后持续到用户说「stop slopgent」，也可用脚本写进 CLAUDE.md 等记忆文件长期启用；不改写用户交来的文本。
- [Neon Postgres](https://hebbmind.com/zh-TW/plugin/neon-postgres.md): [Plugin] Neon 官方插件，组合 Neon MCP 与技能管理 Serverless Postgres：项目与分支、对象存储、Functions 与 AI Gateway；首次使用 MCP 时通过 OAuth 登录 Neon。
- [WeCom Bot MCP Server](https://hebbmind.com/zh-TW/mcp/wecom-bot-mcp-server.md): [MCP] 通过企业微信群机器人的 Webhook 发送 Markdown、图片、文件和模板卡片消息，支持 @成员，也支持配置多个机器人。只能往群里推送，不能读取聊天记录；Webhook 地址在群设置里获取。
- [render-deploy](https://hebbmind.com/zh-TW/skill/render-deploy.md): [Skill] 分析代码库后生成 render.yaml Blueprint，或经 Render MCP 直接创建服务，把应用部署到 Render 云平台。Render 官方维护，OpenAI 官方精选技能也收录了它；需要 Render 账号，代码须推送到 GitHub/GitLab/Bitbucket。
- [PostHog](https://hebbmind.com/zh-TW/plugin/ai-plugin.md): [Plugin] PostHog 官方插件：内置 MCP 与 30+ 技能，在对话里查询产品分析、功能开关、A/B 实验、看板与错误追踪，可选把 Claude Code 会话发往 LLM Analytics。需 PostHog 账号 OAuth 登录。
- [GeoServer MCP Server](https://hebbmind.com/zh-TW/mcp/geoserver-mcp.md): [MCP] 连接 GeoServer 的 REST API，让 agent 管理工作区、数据存储、图层和样式，执行 CQL 空间查询，并通过 WMS/WFS 访问要素和生成地图，适合发布与维护地图服务。需要一个已运行的 GeoServer 实例和管理员账号，本机装 Python 3.10 以上和 uv。
- [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 渲染。
- [Accessible Animation](https://hebbmind.com/zh-TW/skill/accessible-animation.md): [Skill] 让网页动画尊重系统的「减少动态效果」设置：把动画分为直接移除（视差、大范围位移、接管滚动）、减弱缩短、始终保留三档，而不是一刀切全部关掉；给出 CSS 媒体查询与 JS matchMedia 的写法，覆盖 GSAP、Framer Motion、Lenis 等库，对应 WCAG 2.3.3。
- [GSAP Web](https://hebbmind.com/zh-TW/skill/gsap-web.md): [Skill] 用 GSAP 做代码驱动的网页动效：时间线编排、ScrollTrigger 滚动触发、固定与横向滚动、SplitText 文字拆分动画、Flip 布局过渡，以及与 Lenis、Locomotive 平滑滚动同步时常见的抖动与固定错位问题。
- [Glassmorphism](https://hebbmind.com/zh-TW/skill/glassmorphism.md): [Skill] 做毛玻璃与「液态玻璃」风格的界面：用 backdrop-filter 模糊、半透明底色、高光边线与多层阴影组成玻璃质感，用 SVG 位移滤镜做折射效果，给悬停、滚动与出现过程加动效，并为「降低透明度」设置提供可读的降级样式。
- [Micro Interaction](https://hebbmind.com/zh-TW/skill/micro-interaction.md): [Skill] 给界面加功能性的微动效：悬停与按下反馈、开关、点赞按钮、提示条、抽屉、弹窗、列表增删与排序、共享元素过渡，规定 100–250ms 的时长、进入慢退出快的节奏与缓动曲线，只动 transform 与 opacity，并尊重减少动态效果设置。基于 Framer Motion（motion/react）与现代 CSS。
- [Page Transition Animation](https://hebbmind.com/zh-TW/skill/page-transition-animation.md): [Skill] 在 Next.js App Router 里实现页面切换动画，并解决 Framer Motion 的 AnimatePresence 退出动画在路由跳转时不触发的问题：用 template.tsx、按路径设置 key 的 AnimatePresence 加 FrozenRouter，或改用 View Transitions API（原生或 next-view-transitions）。
- [60fps Animation](https://hebbmind.com/zh-TW/skill/60fps-animation.md): [Skill] 修复卡顿的网页动画：把对 width、height、top、left、box-shadow 等会触发重排或重绘的属性动画改成只动 transform 与 opacity，用伪元素的透明度实现阴影过渡，用 FLIP 技术平滑过渡布局变化与 height: auto，达到 60/120fps。
- [Lottie Animation](https://hebbmind.com/zh-TW/skill/lottie-animation.md): [Skill] 把 After Effects 导出的 Lottie 动画接入网页、iOS、Android 与 React Native：优先用 dotLottie 运行时，控制播放、片段与速度，做滚动或悬停驱动的交互，运行时换色，并附 AE 导出检查清单。
- [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 官方维护。
- [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 账号。
- [腾讯云 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 鉴权。

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