# 工具集

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

- 可以搜索：在地址后加 `?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：模型训练、评测与大模型应用开发。

- [Three.js Shaders](https://hebbmind.com/zh-TW/skill/threejs-shaders.md): [Skill] Three.js 着色器参考：用 GLSL 编写顶点与片元着色器，ShaderMaterial 与 RawShaderMaterial 的区别，uniform 传参与随时间更新，以及扩展内置材质做自定义视觉效果，附代码示例。
- [Three.js Fundamentals](https://hebbmind.com/zh-TW/skill/threejs-fundamentals.md): [Skill] Three.js 入门参考：创建场景、相机与 WebGLRenderer，Object3D 层级、坐标系与变换，渲染循环与窗口缩放处理，附可直接运行的代码示例，适合从零搭建网页 3D 场景。
- [Three.js Interaction](https://hebbmind.com/zh-TW/skill/threejs-interaction.md): [Skill] Three.js 交互参考：用 Raycaster 做点击拾取与物体选择，OrbitControls 等相机控制，鼠标与触摸输入处理，帮助 agent 做出可交互的网页 3D 体验，附代码示例。
- [Three.js Materials](https://hebbmind.com/zh-TW/skill/threejs-materials.md): [Skill] Three.js 材质参考：对比 Basic、Lambert、Phong、Standard、Physical、Toon 等材质的用途与光照方式，PBR 材质参数，自定义 ShaderMaterial，以及材质性能优化，附代码示例。
- [Expo](https://hebbmind.com/zh-TW/plugin/expo.md): [Plugin] Expo 官方插件，覆盖 Expo Router 导航、原生 UI、数据获取与 SDK 升级，以及 EAS 构建、OTA 更新和应用商店提交。部分服务类技能依赖付费的 EAS。
- [lychee](https://hebbmind.com/zh-TW/cli/lychee.md): [CLI] Rust 编写的高速异步链接检查器，扫描网站以及 Markdown、HTML 等文件中的失效链接与邮箱地址，支持 JSON 输出和配置文件，另有官方 GitHub Action，常接在文档 CI 里。
- [Three.js Animation](https://hebbmind.com/zh-TW/skill/threejs-animation.md): [Skill] Three.js 动画的写法参考：用 Clock 做程序化动画，AnimationClip、AnimationMixer、AnimationAction 组成的关键帧系统，播放 GLTF 模型自带的动画、骨骼动画、形变目标，以及多段动画的混合。附可直接套用的代码示例。
- [Three.js Geometry](https://hebbmind.com/zh-TW/skill/threejs-geometry.md): [Skill] Three.js 几何体参考：立方体、球体、圆柱、圆环等内置形状的参数，用 BufferGeometry 按顶点构建自定义网格，以及用实例化渲染大量相同物体以提升性能，附代码示例。
- [Three.js Lighting](https://hebbmind.com/zh-TW/skill/threejs-lighting.md): [Skill] Three.js 光照参考：环境光、半球光、平行光、点光源、聚光灯、面光源的用法与开销对比，阴影配置，基于图像的环境光照（IBL），以及光照性能优化，附代码示例。
- [Three.js Textures](https://hebbmind.com/zh-TW/skill/threejs-textures.md): [Skill] Three.js 纹理参考：加载与配置各类纹理贴图，UV 映射，立方体贴图与 HDR 环境贴图，纹理参数设置与优化，附代码示例。
- [Expo Skills](https://hebbmind.com/zh-TW/skill/expo-skills.md): [Skill] Expo 官方技能合集：覆盖 Expo Router 导航、原生风格界面、动画、原生模块与 SDK 升级，以及 EAS 构建提审、OTA 更新与 CI 工作流。EAS 相关技能会用到 Expo 的付费服务。
- [Three.js Loaders](https://hebbmind.com/zh-TW/skill/threejs-loaders.md): [Skill] Three.js 资源加载参考：用 GLTFLoader 加载模型，加载纹理、图片与 HDR 环境贴图，用 LoadingManager 统一管理多个加载器并显示进度，以及异步加载的写法，附代码示例。
- [Three.js Post-Processing](https://hebbmind.com/zh-TW/skill/threejs-postprocessing.md): [Skill] Three.js 后期处理参考：用 EffectComposer 串联渲染通道，加入泛光、景深、调色、模糊与辉光等屏幕效果，以及编写自定义的屏幕空间着色器，附代码示例。
- [Nali](https://hebbmind.com/zh-TW/cli/nali.md): [CLI] 离线查询 IP 归属地与 CDN 服务商的终端工具，支持纯真、GeoIP2、ip2region 等数据库，可通过管道为 dig、nslookup 等命令的输出自动标注 IP 信息。
- [Container Use](https://hebbmind.com/zh-TW/cli/container-use.md): [CLI] Dagger 官方出品：给每个编码 agent 分配独立的容器和 git 分支，多个 agent 可以并行工作、互不干扰，还能查看命令日志、随时接管终端。以 MCP 方式接入，需要 Docker 与 Git，目前仍处于实验阶段。
- [Container Use](https://hebbmind.com/zh-TW/mcp/container-use.md): [MCP] Dagger 出品：给每个编码 agent 分配独立容器和 Git 分支，多个 agent 并行工作互不干扰，可随时查看命令日志、接管终端或丢弃结果。需本机装有 Docker 与 Git，项目仍处于实验阶段。
- [Hugging Face CLI](https://hebbmind.com/zh-TW/cli/huggingface-hub.md): [CLI] Hugging Face 官方命令行 hf：搜索、下载与上传模型和数据集，管理仓库与存储桶，在 Hugging Face 云端运行任务；输出会针对 agent 自动调整，还可用 hf skills add 安装配套 Skill。上传等操作需登录。
- [Dembrandt](https://hebbmind.com/zh-TW/cli/dembrandt.md): [CLI] 一条命令提取任意网站的 logo、配色、字体、间距、阴影与动效，导出 W3C 设计令牌、Tailwind 主题、DESIGN.md 或品牌指南 PDF，还能检查 WCAG 对比度，适合做竞品视觉分析与品牌审计。需要 Node.js 18+，首次使用先运行 dembrandt install-browser 下载浏览器。
- [Make Interfaces Feel Better](https://hebbmind.com/zh-TW/skill/make-interfaces-feel-better.md): [Skill] 设计工程师 Jakub Krehel 整理的界面细节打磨技能：动效、字体、图标、悬停状态、视觉对齐、同心圆角、阴影与点击区域等，支持快速和完整两种走查模式，帮 agent 在做界面或评审时把细节做到位。作用于网页项目代码，安装需本机 Node.js。
- [NVIDIA Agent Skills](https://hebbmind.com/zh-TW/plugin/nvidia-skills.md): [Plugin] NVIDIA 官方插件：按任务从 NVIDIA 技能目录中找出并安装合适的技能，覆盖 CUDA 加速、NIM 推理、NeMo 训练、RAG 蓝图、Omniverse 仿真与机器人等领域。Claude 与 Codex 官方市场均已收录。
- [NVIDIA Agent Skills](https://hebbmind.com/zh-TW/skill/nvidia-skills.md): [Skill] NVIDIA 官方认证技能目录，收录数百个技能，覆盖 CUDA-X 加速库、NeMo 训练、NIM 与 Dynamo 推理部署、RAG 蓝图、Jetson、Omniverse 与机器人仿真。安装命令只装 nvidia-skill-finder，由它按需推荐其余技能，经用户确认后再安装。
- [Azure MCP Server](https://hebbmind.com/zh-TW/mcp/azure-mcp-server.md): [MCP] 微软官方：一个服务器覆盖存储、Cosmos DB、AKS、App Service、Key Vault、Monitor 等数十种 Azure 服务，让 agent 查询和管理云资源。需先登录 Azure 账号。
- [DBHub](https://hebbmind.com/zh-TW/mcp/dbhub.md): [MCP] 一个服务同时连接 PostgreSQL、MySQL、MariaDB、SQL Server、Oracle 与 SQLite，默认只暴露两个工具以节省上下文，支持只读模式与 SSH 隧道。Bytebase 出品。
- [Browserbase Skills](https://hebbmind.com/zh-TW/skill/browserbase-skills.md): [Skill] Browserbase 官方技能合集：用 browse 命令行驱动本地或云端浏览器，覆盖网页抓取与搜索、把网站流量转成 OpenAPI、UI 对抗测试和竞品调研。云端功能需要 Browserbase 账号。
- [Build with Claude](https://hebbmind.com/zh-TW/plugin/buildwithclaude.md): [Plugin] 社区插件市场：按类别打包上百个子代理、斜杠命令、钩子与技能，可单装也可一次装全；配套 buildwithclaude.com 网站检索社区插件与 MCP 服务器。
- [Grafana MCP Server](https://hebbmind.com/zh-TW/mcp/mcp-grafana.md): [MCP] Grafana 官方：搜索与编辑仪表盘，查询 Prometheus、Loki 等数据源，查看告警、事件与 OnCall 值班信息，辅助排障。需要 Grafana 地址与服务账号令牌。
- [Postgres MCP Pro](https://hebbmind.com/zh-TW/mcp/postgres-mcp.md): [MCP] 面向 PostgreSQL 的 MCP 服务器：数据库健康检查、索引调优、EXPLAIN 执行计划分析与假设索引模拟，受限模式下只读安全执行 SQL。
- [Agent Skills for AWS](https://hebbmind.com/zh-TW/skill/aws-skills.md): [Skill] AWS 官方技能合集（Agent Toolkit for AWS）：覆盖 IAM、CDK/CloudFormation、Serverless、容器、可观测性、成本管理与 Bedrock，另有按服务划分的专项技能。执行 AWS 操作需本地配置凭据。
- [Agent Toolkit for AWS](https://hebbmind.com/zh-TW/plugin/agent-toolkit-for-aws.md): [Plugin] AWS 官方正式发布的 agent 工具包与插件市场：提供 aws-core、aws-agents、aws-data-analytics 等插件，打包 AWS MCP Server 与经过评测的技能，覆盖 IaC、Serverless、容器与账单。调用 AWS API 需配置凭证。
- [kubectl](https://hebbmind.com/zh-TW/cli/kubectl.md): [CLI] Kubernetes 官方命令行，查看与管理集群中的 Pod、Deployment、Service 等资源，读取日志、在容器内执行命令、应用 YAML 清单。需要可用的 kubeconfig 访问集群。
- [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 Skills](https://hebbmind.com/zh-TW/plugin/cloudflare-skills.md): [Plugin] Cloudflare 官方插件：覆盖 Workers、Durable Objects、Agents SDK、Wrangler、Sandbox 与 Web 性能审计等技能，并附带 Cloudflare API MCP，可访问账户数据与最新文档。
- [Cloudflare Agents SDK](https://hebbmind.com/zh-TW/skill/agents-sdk.md): [Skill] 教 agent 用 Cloudflare Agents SDK 构建、调试与评审有状态的 AI Agent：状态同步、定时任务、RPC、MCP 服务器、邮件与流式聊天，优先检索最新官方文档。Cloudflare 官方维护。
- [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/plugin/playwright-skill.md): [Plugin] 让 agent 现写现跑 Playwright 脚本完成浏览器自动化：页面测试、UX 校验、多步流程，默认弹出可见浏览器并自动探测本地开发服务器。插件安装后需在技能目录执行 npm run setup。
- [Playwright Skill](https://hebbmind.com/zh-TW/skill/playwright-skill.md): [Skill] 让 agent 即时编写并执行 Playwright 脚本完成浏览器测试与自动化：自动探测本地开发服务器，支持截图、响应式检查、登录流程与链接检查。安装后需在技能目录运行 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 MCP Server](https://hebbmind.com/zh-TW/mcp/textlint.md): [MCP] 文本校对工具 textlint 内置的 MCP 服务：让 agent 按你配置的规则检查 Markdown、纯文本等文稿的用词、标点和格式问题，并给出自动修正后的文本。需要 Node.js，且要先在项目里建好 .textlintrc 配置并安装规则包，textlint 本身不带默认规则。
- [textlint](https://hebbmind.com/zh-TW/cli/textlint.md): [CLI] 可插拔的自然语言检查工具，像检查代码一样按规则检查 Markdown 与纯文本稿件的用词、标点和术语一致性并自动修正，也能作为 MCP 服务运行。规则需另装，生态以日语、英语规则为主；需要 Node.js 20 以上。
- [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 配置。官方建议按项目挑选安装，避免一次装全。
- [Dart and Flutter](https://hebbmind.com/zh-TW/plugin/flutter-agent-plugins.md): [Plugin] Dart 与 Flutter 团队官方插件：一次装上 Flutter 技能与 Dart MCP 服务器，覆盖分层架构、响应式布局、布局报错修复、组件与集成测试、路由与国际化。需本机已装 Dart/Flutter SDK。

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