# 工具集

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

- 可以搜索：在地址后加 `?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 与数据质量治理。

- [Create Voice](https://hebbmind.com/zh-TW/skill/create-voice.md): [Skill] 在 Figma 里生成组件的读屏无障碍规格：焦点顺序，以及按组件状态列出的 VoiceOver（iOS）、TalkBack（Android）与 ARIA（Web）属性表和播报内容。属于 uSpec 技能集，内容来自 create-component-md 生成的组件 .md 规格，需要 Figma MCP 与在 uspecs.config.json 中配置好的模板。
- [i18next CLI](https://hebbmind.com/zh-TW/cli/i18next-cli.md): [CLI] i18next 官方命令行：找出 JS/TS 代码里写死的文案，抽取翻译 key，检查各语言缺了哪些词条并同步语言文件；init --yes 可无交互初始化，仓库还附带官方 Agent Skill，引导 agent 把应用改成多语言。需要使用 i18next 的 Node.js 项目。
- [Backlog MCP Server](https://hebbmind.com/zh-TW/mcp/backlog-mcp-server.md): [MCP] Nulab 官方出品的 Backlog MCP：让 agent 管理 Backlog 里的项目、任务与评论、里程碑和 Wiki，也能查看 Git 仓库与合并请求。需要 Backlog 空间地址和个人 API Key，本机装 Node.js 或 Docker。
- [MinerU Open MCP](https://hebbmind.com/zh-TW/mcp/opendatalab-mcp.md): [MCP] MinerU 官方 MCP：调用 mineru.net 云端接口把 PDF、Word、PPT 与图片解析为 Markdown，保留表格与公式；免 Key 的 Flash 模式可直接使用，配置 Token 可解锁更高额度与更多格式。
- [Opik MCP Server](https://hebbmind.com/zh-TW/mcp/opik-mcp.md): [MCP] Comet 官方维护的 Opik MCP：在对话里查询 LLM 应用的 trace 与 span，记录评分与评论，管理数据集、实验和 prompt 版本。支持 Opik Cloud（API Key 或浏览器登录）与自托管的开源 Opik。
- [Web Perf](https://hebbmind.com/zh-TW/skill/web-perf.md): [Skill] 排查网页加载与交互性能问题：优先用 Chrome DevTools 的性能跟踪与网络记录，没有时退回已有的 trace、Lighthouse 结果或源码，沿着瓶颈定位到具体请求、元素或代码，区分实测值、工具估算与未经测量的推测，修复后在同等条件下复测。不包含无障碍审计。
- [Neo Industrial Design](https://hebbmind.com/zh-TW/skill/neo-industrial-design.md): [Skill] 按新工业、编辑式粗野主义风格设计或改造网页界面：先定模式、主视觉动作、网格与单一强调色，再从宏观到细节确定版式、字体层级与图形元素，保留语义 HTML、键盘操作与对比度，并在宽屏与手机宽度下检查渲染效果。只用于明确要求这种风格时。
- [Apple Web App](https://hebbmind.com/zh-TW/skill/apple-web-app.md): [Skill] 实现、调试或审查网站在 iPhone、iPad 的 Safari 中与添加到主屏幕后，以及在 macOS Safari 添加到程序坞后的表现：安全区域、状态栏与地址栏着色、主题色、全屏遮罩、键盘、manifest、图标、启动图与安装后的导航。不涉及 Service Worker、离线缓存与推送。
- [CodeRabbit](https://hebbmind.com/zh-TW/plugin/coderabbitai-skills.md): [Plugin] 让 agent 调用 CodeRabbit CLI 评审本地改动，按严重程度列出缺陷与安全问题，并能在逐项确认后修复 PR 上 CodeRabbit 未解决的评审意见。CodeRabbit 官方维护，需安装 CLI 并登录，有免费额度。
- [MongoDB](https://hebbmind.com/zh-TW/plugin/mongodb.md): [Plugin] MongoDB 官方插件，本地通过 npx 运行 MongoDB MCP，并附带查询生成、索引优化、Schema 设计、全文与向量检索等技能，用连接串连接自建或 Atlas 数据库。
- [MongoDB Agent Skills](https://hebbmind.com/zh-TW/skill/mongodb-agent-skills.md): [Skill] MongoDB 官方技能库，覆盖文档模型设计、驱动连接配置、查询优化、自然语言生成查询、Atlas 全文与向量搜索及流处理，可配合 MongoDB MCP Server 使用。
- [博查 AI 搜索 MCP](https://hebbmind.com/zh-TW/mcp/bocha-search-mcp.md): [MCP] 博查官方的中文联网搜索 MCP Server，搜网页、新闻与图片，是给国内 agent 补上实时中文信源的常用选择。用博查 API Key，按调用量计费。
- [阿里云云效 DevOps MCP Server](https://hebbmind.com/zh-TW/mcp/alibabacloud-devops-mcp-server.md): [MCP] 阿里云云效官方 MCP 服务器：让 agent 读写工作项、代码仓库与合并请求、流水线、制品仓库和测试用例，支持中心版与 Region 版，也有官方托管端点。需要云效个人访问令牌。
- [阿里云可观测 MCP Server](https://hebbmind.com/zh-TW/mcp/alibabacloud-observability-mcp-server.md): [MCP] 让 agent 查询阿里云 SLS、云监控 CMS 与 ARMS 的日志、指标和链路数据，支持时序对比与自然语言转 SQL。阿里云官方维护，需要 AccessKey，部分 AI 工具按次计费；安装命令用的是 Python 版（主线已改为 Go 二进制）。
- [Miro](https://hebbmind.com/zh-TW/plugin/miro.md): [Plugin] Miro 官方插件，内置 Miro 远程 MCP 和三个技能：把代码库讲解画到白板上，在白板上做可视化代码评审，把白板里的文档、图表和原型提取成开发规格。需要用 Miro 账号 OAuth 授权。
- [Slack MCP and Skills Plugin](https://hebbmind.com/zh-TW/plugin/slack-skills-plugin.md): [Plugin] Slack 官方插件：接入 Slack 托管 MCP，可搜索消息与文件、发送或定时发送消息、读写 canvas；附带频道总结、站会汇报等命令和 Slack 应用开发技能。需要工作区管理员批准。
- [Alpaca Skills](https://hebbmind.com/zh-TW/skill/alpaca-skills.md): [Skill] 美股券商 Alpaca 官方技能集：教 agent 做历史回测、模拟盘下单与查单，另有供开发者用的券商 API 开户、出入金、对账集成指南。需注册 Alpaca 取得 API Key（模拟盘不用真钱）并安装 Alpaca CLI；结果需专业人员复核。
- [Swiss Design](https://hebbmind.com/zh-TW/skill/swiss-design.md): [Skill] 用 Tailwind CSS 实现瑞士国际主义风格的设计系统：12 栏网格与 8px 基准间距、IBM Plex Sans 字体与细字重标题、stone 色板，用不透明度而不是换色区分层级，每个项目只用一种强调色，正文宽度不超过 60ch，移动端优先并支持深色模式。
- [GEMBA](https://hebbmind.com/zh-TW/cli/gemba.md): [CLI] 微软翻译团队出品的译文质量评估工具：用 GPT 按 MQM 错误体系（或直接打分）逐句给译文评分，加 --list_mqm_errors 可列出错误类型与严重程度，适合批量抽检译文。原文与译文需整理成行数一致的两个文本文件，需要 Python 与 OpenAI 或 Azure OpenAI 的 API Key（按量付费）；评分仅供参考，仍需译员复核。
- [阿里云 Tablestore MCP Server](https://hebbmind.com/zh-TW/mcp/alibabacloud-tablestore-mcp-server.md): [MCP] 阿里云表格存储 Tablestore 的官方 MCP 示例集，Java 与 Python 两套实现，含基于私有知识库的 RAG 答疑与 Mem0 记忆服务。仓库是示例而不是现成的包，要自己构建运行，用 AccessKey 鉴权。
- [Smooth Shadow Ring](https://hebbmind.com/zh-TW/skill/smooth-shadow-ring.md): [Skill] 给卡片、对话框、下拉菜单、提示框等浮起的元素加阴影时，用 smooth-shadow-ring 系列工具类代替边框或 ring 加阴影的写法，避免出现两道边线，并说明描边与阴影的着色、暗色模式和覆盖方式。需要项目里装了 shadow-plugin 这个 Tailwind 插件。
- [Webflow MCP Server](https://hebbmind.com/zh-TW/mcp/webflow-mcp-server.md): [MCP] Webflow 官方 MCP：用对话管理 Webflow 网站的页面、CMS 内容和博客文章，配合设计器里的 MCP Bridge App 还能直接改页面元素与样式，适合设计师和市场人员维护官网、落地页。需要 Webflow 账号和 Node.js 22.3 以上，首次连接会弹出网页授权要使用的站点。
- [FHIR MCP Server](https://hebbmind.com/zh-TW/mcp/fhir-mcp-server.md): [MCP] WSO2 出品，把任意符合 FHIR 标准的电子病历服务（如 Epic 沙箱、HAPI）接给 agent，用自然语言检索、读取、创建和更新患者临床数据，支持 SMART on FHIR 授权。需要可访问的 FHIR 服务地址和访问令牌，本机装 uv；结果须由医务人员复核。
- [TencentCloud CLI (TCCLI)](https://hebbmind.com/zh-TW/cli/tencentcloud-cli.md): [CLI] 腾讯云官方命令行工具：按「产品 + 接口名」直接调用腾讯云 API 管理云资源（如 tccli cvm DescribeZones），支持多账户、角色凭证与 JSON/表格输出，便于写进自动化脚本。需要配置 SecretId/SecretKey。
- [Alibaba Cloud Ops MCP Server](https://hebbmind.com/zh-TW/mcp/alibaba-cloud-ops.md): [MCP] 阿里云官方运维 MCP：用自然语言管理 ECS、RDS、OSS、VPC 等资源，查看云监控指标，并能分析项目后部署到 ECS。需要阿里云 AccessKey 与 uv。
- [高德地图 MCP Server（社区）](https://hebbmind.com/zh-TW/mcp/amap-mcp-server.md): [MCP] 社区实现的高德地图 MCP Server，提供地理编码、POI 搜索、路径规划与天气查询，支持 stdio、SSE 与 streamable-http。用高德开放平台 API Key，免费额度够个人用。
- [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。
- [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。
- [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。
- [GSAP Web](https://hebbmind.com/zh-TW/skill/gsap-web.md): [Skill] 用 GSAP 做代码驱动的网页动效：时间线编排、ScrollTrigger 滚动触发、固定与横向滚动、SplitText 文字拆分动画、Flip 布局过渡，以及与 Lenis、Locomotive 平滑滚动同步时常见的抖动与固定错位问题。
- [Lottie Animation](https://hebbmind.com/zh-TW/skill/lottie-animation.md): [Skill] 把 After Effects 导出的 Lottie 动画接入网页、iOS、Android 与 React Native：优先用 dotLottie 运行时，控制播放、片段与速度，做滚动或悬停驱动的交互，运行时换色，并附 AE 导出检查清单。

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