# 工具集

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

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

- [Cloudflare](https://hebbmind.com/zh-TW/skill/cloudflare.md): [Skill] Cloudflare 官方总览技能：按需求推荐 Workers、R2、D1、Durable Objects、Containers、AI 等平台产品，再引导加载对应子技能与文档。同仓库另有 Wrangler、Agents SDK 等专项技能。
- [Cloudflare Skills](https://hebbmind.com/zh-TW/skill/cloudflare-skills.md): [Skill] Cloudflare 官方技能集：Workers、Wrangler、Durable Objects、Agents SDK、Sandbox、邮件服务与 Cloudflare One 的开发部署指引；插件版还附带官方 MCP。
- [Cloudflare Agents SDK](https://hebbmind.com/zh-TW/skill/agents-sdk.md): [Skill] 教 agent 用 Cloudflare Agents SDK 构建、调试与评审有状态的 AI Agent：状态同步、定时任务、RPC、MCP 服务器、邮件与流式聊天，优先检索最新官方文档。Cloudflare 官方维护。
- [Cloudflare Skills](https://hebbmind.com/zh-TW/plugin/cloudflare-skills.md): [Plugin] Cloudflare 官方插件：覆盖 Workers、Durable Objects、Agents SDK、Wrangler、Sandbox 与 Web 性能审计等技能，并附带 Cloudflare API MCP，可访问账户数据与最新文档。
- [Vue Best Practices](https://hebbmind.com/zh-TW/skill/vue-best-practices.md): [Skill] Vue 开发的默认工作流：以 Vue 3、Composition API 和 script setup 加 TypeScript 为标准，编码前先读响应式、单文件组件、数据流与组合式函数等核心参考并规划组件拆分，插槽、过渡动画、性能优化等专题按需加载，最后逐项自检。
- [Vue JSX Best Practices](https://hebbmind.com/zh-TW/skill/vue-jsx-best-practices.md): [Skill] 说明在 Vue 中写 JSX 与 React JSX 的差别，例如用 class 而不是 className、JSX 插件的配置，适合把 React JSX 代码迁移到 Vue 或遇到属性类型报错时参考。内容很少，只指向一篇参考说明。
- [Vue Pinia Best Practices](https://hebbmind.com/zh-TW/skill/vue-pinia-best-practices.md): [Skill] Pinia 状态管理的最佳实践与常见坑：getActivePinia 报错、setup store 要返回全部状态、解构 store 会丢失响应式、模板里调用 store 方法的写法，以及把临时筛选条件放进 URL、大型应用使用 Pinia 等模式。
- [Vue Testing Best Practices](https://hebbmind.com/zh-TW/skill/vue-testing-best-practices.md): [Skill] Vue 测试的最佳实践：推荐 Vitest 与 Vue Test Utils，以黑盒方式测组件，用 flushPromises 处理异步，给出测试组合式函数、Pinia store、异步组件与 Teleport 的方法，不只依赖快照，端到端测试推荐 Playwright。
- [Vue Debug Guides](https://hebbmind.com/zh-TW/skill/vue-debug-guides.md): [Skill] Vue 3 调试与错误处理索引：按响应式、computed、watch、组件、props 与 emits、模板、表单与 v-model、生命周期、插槽、TypeScript、SSR 水合等主题，列出常见症状并指向对应的原因与修复说明。
- [Vue Router Best Practices](https://hebbmind.com/zh-TW/skill/vue-router-best-practices.md): [Skill] Vue Router 4 的最佳实践与常见坑：同一路由仅参数变化时不触发守卫和生命周期、beforeRouteEnter 里无法访问 this、守卫中的异步调用与无限重定向、已弃用的 next() 写法，以及组件卸载后清理监听器。
- [Vue Options API Best Practices](https://hebbmind.com/zh-TW/skill/vue-options-api-best-practices.md): [Skill] 面向使用 Options API（data()、methods、this）的 Vue 3 项目：说明如何借助 defineComponent 获得 TypeScript 类型推断，为 props、事件处理器和 computed 加类型，以及 methods 与生命周期钩子里不要用箭头函数、防抖函数不要在实例间共享状态等常见坑。
- [Create Adaptable Composable](https://hebbmind.com/zh-TW/skill/create-adaptable-composable.md): [Skill] 指导 agent 编写库级别的 Vue 组合式函数，让参数既能传普通值，也能传 ref 或 getter：按只读或可写选用 MaybeRefOrGetter 或 MaybeRef，并在 watch 等响应式副作用里用 toValue()、toRef() 统一取值。需要 Vue 3 或 Nuxt 3 以上。
- [Playwright Skill](https://hebbmind.com/zh-TW/skill/playwright-skill.md): [Skill] 让 agent 即时编写并执行 Playwright 脚本完成浏览器测试与自动化：自动探测本地开发服务器，支持截图、响应式检查、登录流程与链接检查。安装后需在技能目录运行 npm run setup。
- [Playwright Skill](https://hebbmind.com/zh-TW/plugin/playwright-skill.md): [Plugin] 让 agent 现写现跑 Playwright 脚本完成浏览器自动化：页面测试、UX 校验、多步流程，默认弹出可见浏览器并自动探测本地开发服务器。插件安装后需在技能目录执行 npm run setup。
- [Figma Console MCP](https://hebbmind.com/zh-TW/mcp/figma-console-mcp.md): [MCP] 让 agent 读写 Figma：提取变量、组件和样式，在画布上新建和修改界面、FigJam 白板与演示，做无障碍检查和设计系统审计。需要 Figma 个人访问令牌、Figma 桌面版和 Node.js，并导入配套插件。
- [arXiv MCP Server](https://hebbmind.com/zh-TW/mcp/arxiv-mcp-server.md): [MCP] 检索、下载 arXiv 论文，并按章节读取作者提交的 LaTeX 原文，可导出 BibTeX、订阅主题更新；论文缓存在本地。无需 API Key。
- [textlint](https://hebbmind.com/zh-TW/cli/textlint.md): [CLI] 可插拔的自然语言检查工具，像检查代码一样按规则检查 Markdown 与纯文本稿件的用词、标点和术语一致性并自动修正，也能作为 MCP 服务运行。规则需另装，生态以日语、英语规则为主；需要 Node.js 20 以上。
- [textlint MCP Server](https://hebbmind.com/zh-TW/mcp/textlint.md): [MCP] 文本校对工具 textlint 内置的 MCP 服务：让 agent 按你配置的规则检查 Markdown、纯文本等文稿的用词、标点和格式问题，并给出自动修正后的文本。需要 Node.js，且要先在项目里建好 .textlintrc 配置并安装规则包，textlint 本身不带默认规则。
- [Microsoft Agent Skills](https://hebbmind.com/zh-TW/skill/microsoft-skills.md): [Skill] 微软官方技能合集：170 多个技能，以 Azure SDK（Python、.NET、TypeScript、Java、Rust）与 Microsoft Foundry 开发为主，另含插件、自定义 agent 与 MCP 配置。官方建议按项目挑选安装，避免一次装全。
- [Flutter Agent Plugins](https://hebbmind.com/zh-TW/skill/flutter-skills.md): [Skill] Flutter 团队官方维护的 agent 技能：分层架构、响应式布局、修复布局溢出、声明式路由、国际化、JSON 序列化，以及组件测试和集成测试，可配合 Dart MCP 服务器使用。
- [Dart and Flutter](https://hebbmind.com/zh-TW/plugin/flutter-agent-plugins.md): [Plugin] Dart 与 Flutter 团队官方插件：一次装上 Flutter 技能与 Dart MCP 服务器，覆盖分层架构、响应式布局、布局报错修复、组件与集成测试、路由与国际化。需本机已装 Dart/Flutter SDK。
- [Apple Design](https://hebbmind.com/zh-TW/skill/apple-design.md): [Skill] 以 Apple 人机界面指南为依据（内置从 developer.apple.com 抓取的 123 页原文）审查移动端与桌面应用的界面设计，从无障碍、平台惯例等五个角度逐项引用条款给出意见，同时指出模板化、缺少个性的地方。可审截图、设计稿、Figma 导出或界面代码，适用于 SwiftUI、UIKit、Flutter、React Native、Tauri、Electron。
- [khal](https://hebbmind.com/zh-TW/cli/khal.md): [CLI] 遵循开放标准的命令行日历，配合 vdirsyncer 同步 iCloud 等 CalDAV 日历，agent 可查询日程、快速新建事件，也有交互式界面。需自行配置 vdirsyncer 同步，有一定技术门槛，不支持 Windows。
- [Web Quality Skills](https://hebbmind.com/zh-TW/skill/web-quality-skills.md): [Skill] 以实测为先审计并优化网页质量：结合 Lighthouse、Chrome DevTools 性能追踪与 CrUX 数据，覆盖 Core Web Vitals、WCAG 2.2 无障碍、SEO 与最佳实践，适用于任意前端框架。Addy Osmani 出品（非 Google 官方）。
- [Paper Search MCP](https://hebbmind.com/zh-TW/mcp/paper-search-mcp.md): [MCP] 统一检索 arXiv、PubMed、bioRxiv、Semantic Scholar、OpenAlex 等 20 多个学术源，去重后返回标准化结果，并优先通过开放获取渠道下载、读取论文全文。多数来源无需 API Key。
- [Rebiber](https://hebbmind.com/zh-TW/cli/rebiber.md): [CLI] 把 .bib 文件里的 arXiv 预印本条目换成 DBLP、ACL Anthology 收录的正式发表版本并保留引用键，适合论文定稿前统一参考文献；默认覆盖原文件，建议先 --dry-run 预览。主要覆盖计算机领域会议，需要 Python 3.10 以上。
- [Supabase](https://hebbmind.com/zh-TW/skill/supabase.md): [Skill] Supabase 官方通用技能：覆盖数据库、Auth、Edge Functions、Realtime、Storage、向量与队列，以及 supabase-js/SSR 集成、CLI 与 MCP、迁移和 RLS 安全检查，要求先查最新文档与变更日志再动手。
- [Supabase Postgres Best Practices](https://hebbmind.com/zh-TW/skill/supabase-postgres-best-practices.md): [Skill] 按影响分级的 Postgres 规则：查询优化、索引、连接池、RLS 安全、schema 设计与锁问题排查，附错误与正确 SQL 对照，适用于任意 Postgres。Supabase 官方维护。
- [Supabase MCP Server](https://hebbmind.com/zh-TW/mcp/supabase-mcp.md): [MCP] 连接 Supabase 项目：管理表结构与迁移、执行 SQL、部署 Edge Functions、创建开发分支、生成 TypeScript 类型。Supabase 官方托管的远程服务，OAuth 登录。
- [Rill](https://hebbmind.com/zh-TW/cli/rill.md): [CLI] 面向 agent 的开源 BI 工具：用 YAML 和 SQL 定义指标与仪表盘，rill init 可为 Claude Code 生成项目指令和 MCP 配置，让 agent 帮经营者搭建业务看板并用自然语言查数。本地版免费使用，发布到 Rill Cloud 需要账号。
- [Claude-Supermemory](https://hebbmind.com/zh-TW/plugin/claude-supermemory.md): [Plugin] Supermemory 官方 Claude Code 插件：通过钩子在会话结束时自动保存、按需召回记忆，实现跨会话、跨项目的持久记忆，并支持团队共享项目记忆。需要 Supermemory API Key 与 Node.js 18+。
- [Antigravity CLI](https://hebbmind.com/zh-TW/cli/antigravity-cli.md): [CLI] Google 官方终端编码 Agent，接替 Gemini CLI：理解代码库，经确认后修改文件、执行命令，与 Antigravity 2.0 桌面端共享引擎与设置。闭源发行，需用 Google 账号登录，提供免费额度。
- [myclaude](https://hebbmind.com/zh-TW/plugin/myclaude.md): [Plugin] 多代理开发工作流插件市场：收录 omo 多代理编排、BMAD 敏捷角色流程、需求驱动开发、SPARV 与常用开发命令等插件，可把编码任务交给 Codex、Claude、Gemini 等后端执行（需另装对应 CLI）。AGPL 许可。
- [Bright Data MCP](https://hebbmind.com/zh-TW/mcp/brightdata-mcp.md): [MCP] Bright Data 官方 MCP：网页搜索（Google / Bing / Yandex）、任意页面转 Markdown、电商与社媒等平台的结构化数据提取和远程浏览器操作。需要 API Token，每月含 5000 次免费请求。
- [ScanCode Toolkit](https://hebbmind.com/zh-TW/cli/scancode-toolkit.md): [CLI] 扫描代码库与依赖中的开源许可证、版权声明和包清单，用全文比对识别许可证，结果可导出为 JSON、SPDX、CycloneDX 等格式，适合开源合规审查。
- [Modern Web Guidance](https://hebbmind.com/zh-TW/plugin/modern-web-guidance.md): [Plugin] 按需给 agent 提供现代 Web 平台的实践指南，涵盖 View Transitions、容器查询、Popover、INP 优化、无障碍等，并附浏览器兼容数据，避免写出过时的代码。由 Google Chrome 团队官方维护，目前是预览版。
- [Excalidraw MCP Server](https://hebbmind.com/zh-TW/mcp/mcp-excalidraw.md): [MCP] 给 agent 一块本地实时 Excalidraw 画布：按元素增删改绘制架构图与流程图，能截图自查、转换 Mermaid、导出 .excalidraw 文件。本地运行无需 API Key，同时提供 CLI 与 Agent Skill。
- [Perplexity API Platform MCP Server](https://hebbmind.com/zh-TW/mcp/modelcontextprotocol.md): [MCP] 提供 Perplexity 网页搜索、联网问答、深度研究与推理四个工具，可远程接入或本地运行。Perplexity 官方维护，需要 Perplexity API Key。
- [shot-scraper](https://hebbmind.com/zh-TW/cli/shot-scraper.md): [CLI] Simon Willison 出品的网页截图命令行：可按 YAML 批量截图、录制演示视频、导出 PDF 与 HTML，也能在页面中执行 JavaScript 提取数据、输出无障碍树。基于 Playwright，首次需安装浏览器。
- [MFLUX](https://hebbmind.com/zh-TW/cli/mflux.md): [CLI] 在 Mac 上本地运行 FLUX、Qwen Image、Z-Image 等开源生图模型的命令行工具：文生图、参考图改图、局部重绘与高清放大，海报配图、课件插图等素材不出本机。需要 Apple Silicon Mac 与 uv，首次运行会自动下载模型，耗时较长；商用前请确认所选模型的许可。
- [Lanhu MCP Server（蓝湖 MCP）](https://hebbmind.com/zh-TW/mcp/lanhu-mcp.md): [MCP] 让 agent 读取蓝湖里的设计稿和 Axure 需求文档：下载切图并按语义命名，提取尺寸、间距、颜色、字体标注，整理需求要点和测试用例，团队还能共享留言知识库。需先用 Docker 或源码在本机部署，填入自己蓝湖网页版的 Cookie，并使用能看图的模型。
- [Tavily MCP Server](https://hebbmind.com/zh-TW/mcp/tavily-mcp.md): [MCP] 提供实时网页搜索、正文提取、站点地图与整站爬取四类工具，可远程接入或本地运行。Tavily 官方维护，需要 API Key 或 OAuth 登录，可注册免费账号。
- [Supabase CLI](https://hebbmind.com/zh-TW/cli/supabase-cli.md): [CLI] Supabase 官方命令行，在本地启动含 Postgres、Auth、Storage、Edge Functions 的完整后端栈，管理数据库迁移、生成类型并部署函数。本地栈依赖 Docker。
- [Terraform Skill](https://hebbmind.com/zh-TW/skill/terraform-skill.md): [Skill] Anton Babenko 出品的 Terraform / OpenTofu 最佳实践技能：先诊断故障模式，再指导测试、模块结构、状态管理、CI/CD 与安全扫描，AWS、Azure、GCP 都适用。
- [ELI5 (coldteadotai)](https://hebbmind.com/zh-TW/skill/coldteadotai-eli5.md): [Skill] 把一个代码库、功能、命令或 PR 讲给完全不了解它的人听：先用一句话说清它做什么，再生成 PR Lens 画布，从两个节点开始逐步加入组件，配合分步讲解直到呈现全貌，最后给出可分享的链接。需要同时安装 PR Lens 技能，通过 npx 调用它的 CLI。
- [PR Lens](https://hebbmind.com/zh-TW/skill/pr-lens.md): [Skill] 把代码改动或系统的一部分画成带动画的架构图或数据流图：agent 先写 JSON 图文档，经 PR Lens CLI 校验后渲染为 SVG，可推送到 prlens.dev 画布生成分享链接，或附到 GitHub、GitLab、Bitbucket 的 PR 描述与评论中。通过 npx 运行，附图到 GitHub PR 需要 GitHub CLI 2.99 以上。
- [TDD Guard](https://hebbmind.com/zh-TW/plugin/tdd-guard.md): [Plugin] 用钩子强制 Claude Code 遵循测试驱动开发：没有失败测试就拦下实现、阻止超出测试的过度实现，可接入 lint 推动重构。需要 Node.js 22+；仍在维护，但作者建议新项目改用后续项目 Probity。
- [Agent Skills for WordPress](https://hebbmind.com/zh-TW/skill/agent-skills.md): [Skill] WordPress 官方技能合集：区块开发、区块主题、插件架构、REST API、Interactivity API、WP-CLI、性能分析与 Playground 等，让 agent 按现代 WordPress 规范写代码、少踩安全坑。
- [Gemini MCP Tool](https://hebbmind.com/zh-TW/mcp/gemini-mcp-tool.md): [MCP] 让 Claude Code 等 agent 调用 Antigravity CLI 或 Gemini CLI，借 Gemini 的大上下文窗口分析大文件与整个代码库，用 Gemini CLI 时还能沙箱试跑代码。需先安装并登录对应 CLI，非 Google 官方。
- [Kubernetes MCP Server](https://hebbmind.com/zh-TW/mcp/kubernetes-mcp-server.md): [MCP] Go 原生实现的 Kubernetes / OpenShift MCP 服务器：直连 API Server 增删改查任意资源、查看 Pod 日志、执行命令、安装 Helm Chart，无需 kubectl，支持多集群。

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