# 工具集

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

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

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

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

- [Lokalise CLI v2](https://hebbmind.com/zh-TW/cli/lokalise-cli-2-go.md): [CLI] Lokalise 官方命令行（lokalise2），覆盖 Lokalise API v2：上传和下载语言文件，管理词条、译文、截图、翻译任务与贡献者，方便把翻译进度同步到项目里。需要 Lokalise 账号（付费服务，可免费试用 14 天），在个人资料页生成 API Token 后用 --token 传入。
- [阿里云容器服务 ACK MCP Server](https://hebbmind.com/zh-TW/mcp/alibabacloud-ack-mcp-server.md): [MCP] 让 agent 查询阿里云 ACK 集群、执行 kubectl 操作，查询 Prometheus 指标、控制面与审计日志，并做资源诊断与健康巡检。阿里云官方维护，需要 AccessKey 与集群 RBAC 权限。
- [Accessibility Diff](https://hebbmind.com/zh-TW/skill/accessibility-diff.md): [Skill] 对比改动前后同一页面的无障碍问题：默认用 git stash 暂存未提交的改动来取得基线，也可与指定分支比较，报告新增、已修复与原有的 WCAG 违规，附选择器与修复建议，只定位不改代码，可用作 CI 关卡。通过 npx 调用 AccessLint 的 Chrome 与 CLI 工具，需要页面正在运行。
- [Accessibility Scan](https://hebbmind.com/zh-TW/skill/accessibility-scan.md): [Skill] 用 AccessLint 规则引擎扫描一个正在运行的页面，列出可自动检出的 WCAG 2.2 违规，每条附 DOM 选择器、源码位置（有映射时）、证据与修复建议，只定位不修改。会自动准备可调试的 Chrome，通过 npx 运行 AccessLint CLI，可读取 accesslint.config.json 里配置的目标。
- [MCP Server Plugin for Jenkins](https://hebbmind.com/zh-TW/mcp/mcp-server-plugin.md): [MCP] Jenkins 插件，装上后 Jenkins 自身就是 MCP 服务器：agent 可查询任务、触发与重跑构建、分页读取和搜索构建日志、查看测试结果与 SCM 信息。托管在 Jenkins 官方组织，用 Jenkins API Token 做 Basic 鉴权。
- [WebGL Components](https://hebbmind.com/zh-TW/skill/webgl-components.md): [Skill] 在产品界面里嵌入小型常驻 WebGL 视觉元素（头像、光球、玻璃与彩虹质感、动态纹理）时的工程要点：全页共享一个 WebGL 上下文、统一帧循环并限帧、控制片元着色器开销、处理上下文丢失、始终提供非 WebGL 的降级样式，以及 React 服务端渲染下的写法。
- [Prefer Container Queries](https://hebbmind.com/zh-TW/skill/prefer-container-queries.md): [Skill] 写或评审响应式 Tailwind 代码时，让组件按所在容器的宽度而不是视口宽度调整布局：用 @container 与 @md: 等变体替换 sm:/md:/lg:，说明哪些页面级布局仍应保留视口断点，给出迁移步骤与评审时的常见错误。Tailwind v3 需要额外插件。
- [Twilio MCP](https://hebbmind.com/zh-TW/mcp/twilio-labs-mcp.md): [MCP] Twilio Labs 出品，依据 Twilio OpenAPI 规范把短信、语音、电话号码、Serverless 等公开 API 暴露为 MCP 工具，可按服务或标签筛选加载。需要 Twilio API Key，官方标注为概念验证项目。
- [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。
- [Google Ads API Developer Assistant](https://hebbmind.com/zh-TW/plugin/google-ads-api-developer-assistant.md): [Plugin] Google Ads 官方 API 开发助手插件，面向 API 开发者与投放分析人员：用自然语言提问、生成并校验 GAQL 查询、运行查询拉取账户数据导出 CSV、排查离线转化上传；改动账户的代码只生成不执行。需要 API 开发者令牌、凭据文件和 Python 3.10+。
- [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。
- [Wolfram AgentTools](https://hebbmind.com/zh-TW/mcp/agenttools.md): [MCP] Wolfram 官方出品，让 agent 调用 Wolfram 语言和 Wolfram|Alpha 做符号与数值计算、查询科学与统计数据，适合理科老师出题验算和科研计算。下面的命令用官方 Docker 镜像，需装 Docker 并用 Wolfram 账号激活免费开发者许可；已装 Wolfram 15 以上也可直接在软件内安装。
- [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 之间选择实现方式。
- [Twelve Data MCP Server](https://hebbmind.com/zh-TW/mcp/twelvedata-mcp.md): [MCP] Twelve Data 官方 MCP，让 agent 查询股票、ETF、外汇、加密资产的实时与历史价格、60 多种技术指标，以及财报、分红、基金持仓、公司新闻和 SEC 文件。连上官方托管服务后在浏览器用 Twelve Data 账号登录授权即可，无需复制 API Key。
- [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 在浏览器里登录。
- [Agent Skills for Healthcare & Life Sciences](https://hebbmind.com/zh-TW/skill/hcls-agent-skills.md): [Skill] AWS 官方医疗与生命科学技能合集：42 个技能覆盖医学编码与术语映射、FHIR / HL7 病历解析、医保理赔与事前授权规则、医学影像、药物流行病学与基因组分析，以美国规范为准；分析类技能需本地装相应软件。仅供参考，不可用于临床决策，结果需专业人员复核。
- [火山引擎 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。
- [CoinGecko MCP Server](https://hebbmind.com/zh-TW/mcp/coingecko-mcp-server.md): [MCP] CoinGecko 官方 MCP，让 agent 查询上万种加密资产的价格、市值、交易所与历史行情，以及链上 DEX 数据。可直接连接官方免 Key 的公共托管服务（共享调用额度），需要更高额度和完整工具时改用 Pro API Key；数据仅供研究参考，不构成投资建议。
- [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。

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