# 工具集

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

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

适合全栈 / 独立开发或运维 / SRE或算法 / AI或数据分析或设计师的资源，共 1080 项。

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

- [Company Logos](https://hebbmind.com/zh-TW/skill/company-logos.md): [Skill] 在客户墙、集成列表、合作伙伴等区域用 Iconify Simple Icons 的品牌图标代替纯文字公司名，按 64x64 方框统一尺寸、默认单色、对齐到同一网格，可交互或重要的标识补上无障碍标签。
- [Container Lines](https://hebbmind.com/zh-TW/skill/container-lines.md): [Skill] 在页面内容容器左右边缘画 1px 低透明度的竖向参考线，并在区块角落加小方块，营造精确、有结构感的版式；提供 CSS 变量与伪元素写法，参考线不拦截点击与选中。
- [Design-First UI Prompting](https://hebbmind.com/zh-TW/skill/design-first-ui-prompting.md): [Skill] 把模糊的界面想法整理成设计优先的生成提示词：按目标、尺寸、布局、字体、配色、图像风格、精确文案、约束与反向提示词填写模板，每次只改一个变量迭代，文字易出错时先出图再到 Figma 排版。
- [Pricing Page](https://hebbmind.com/zh-TW/skill/pricing-page.md): [Skill] 为 SaaS 设计或重写高转化定价页：先收集方案、价格、限制、升级触发点与常见顾虑，再按价值标题、月付年付切换、三档方案、对比表、FAQ 与安全合规区块组织，并给出标题、方案说明与按钮文案模板。
- [Backlog.md](https://hebbmind.com/zh-TW/cli/backlog-md.md): [CLI] 把任意文件夹变成 Markdown 任务看板：让 Claude Code、Codex 先把需求拆成带验收标准的任务，人审阅后再动手，终端和浏览器里都能拖动管理，也可以不用 Git 做个人计划。需要 Node.js 或 Homebrew，本地运行、无需账号。
- [Animation Systems](https://hebbmind.com/zh-TW/skill/animation-systems.md): [Skill] 参照 Stripe、Linear、Apple、Vercel 的风格为网页产品建立统一的动效体系：可复用的动效基元、时长与缓动默认值、错峰编排、滚动与悬停交互，并要求只动 transform 与 opacity、支持 prefers-reduced-motion。
- [GSAP ScrollTrigger Storytelling](https://hebbmind.com/zh-TW/skill/gsap-scrolltrigger-storytelling.md): [Skill] 用 GSAP ScrollTrigger 搭建滚动叙事式产品页：固定主画面，随滚动逐步揭示界面状态、功能层与数据视图，区块之间用缩放、遮罩或模糊过渡；要求及时清理触发器、小屏简化编排、不遮挡文字与按钮。
- [Three.js](https://hebbmind.com/zh-TW/skill/threejs.md): [Skill] 用 Three.js 构建或调试网页 3D 场景：场景、相机、渲染器、光照与材质，GLTF 加载与控制器，以及限制设备像素比、处理窗口缩放、释放 WebGL 资源等性能要点，减少动态效果时只渲染静帧。
- [Animation On Scroll](https://hebbmind.com/zh-TW/skill/animation-on-scroll.md): [Skill] 用 IntersectionObserver 加 Tailwind 任意值动画类实现元素进入视口时的入场动画，给出关键帧与观察器代码片段，可调整触发阈值、rootMargin、时长、延迟以及是否只播放一次。
- [Landing Page](https://hebbmind.com/zh-TW/skill/landing-page.md): [Skill] 为 SaaS、应用或服务设计或重写高转化落地页：先问清唯一的转化动作、受众、顾虑与证明素材，按首屏、论证、异议处理的结构编排，并提供版式类型、标题与 CTA 文案模板及 SEO 建议。
- [Marquee Loop](https://hebbmind.com/zh-TW/skill/marquee-loop.md): [Skill] 实现无缝循环的跑马灯，用于滚动展示标识、用户评价、截图或标签：复制一份元素序列，用线性 transform 从 0 平移到 -50%，固定元素宽度、边缘渐隐，并照顾 prefers-reduced-motion。
- [Masked Reveal](https://hebbmind.com/zh-TW/skill/masked-reveal.md): [Skill] 用 GSAP ScrollTrigger 让标题与短文案在进入视口时逐词从遮罩下方升起，提供不依赖付费 SplitText 插件的拆词代码、默认时长与错峰、React 清理写法，保留 aria-label 并支持减少动态效果。
- [Progressive Blur](https://hebbmind.com/zh-TW/skill/progressive-blur.md): [Skill] 用多层 backdrop-filter 与渐变遮罩在页面顶部或底部做出由弱到强的渐进模糊，提供可直接粘贴的 HTML 与 CSS，可调整高度、模糊层级、方向与 z-index，且不拦截点击。
- [GSAP](https://hebbmind.com/zh-TW/skill/gsap.md): [Skill] 用 GSAP 编写或调试网页动画：补间、时间线与位置参数、缓动、错峰，以及 ScrollTrigger 的固定与滚动联动；说明优先动 transform、在 React 中用 gsap.context() 清理、图片加载后刷新等常见问题。
- [BrowserTools MCP](https://hebbmind.com/zh-TW/mcp/browser-tools-mcp.md): [MCP] 通过 Chrome 扩展把你正在使用的浏览器会话交给 agent：读取控制台日志与网络请求、截图，并运行 Lighthouse 性能、无障碍与 SEO 审计，无需重新登录。
- [Jupytext](https://hebbmind.com/zh-TW/cli/jupytext.md): [CLI] 在 Jupyter Notebook 与普通 Python 脚本或 Markdown 之间互相转换、双向同步的工具，让 agent 能像改普通文本一样修改科研和教学用的 notebook，版本对比也更清楚。需要本机 Python 环境，用 pip 安装。
- [OpenPencil](https://hebbmind.com/zh-TW/mcp/openpencil.md): [MCP] 开源的 AI 原生矢量设计工具，桌面应用内置 MCP 服务器，可在应用里一键接入 Claude Code、Codex，让 agent 用自然语言读写 .op 设计稿、套用风格指南，并导出 React、Vue、Flutter、SwiftUI 等代码。需先安装桌面应用。
- [arxiv-latex-cleaner](https://hebbmind.com/zh-TW/cli/arxiv-latex-cleaner.md): [CLI] 向 arXiv 投稿前清理 LaTeX 工程：删除注释、辅助文件和未被引用的 tex 与图片，可按需压缩图片，避免内部批注随源码公开。Google Research 出品，macOS 可用 Homebrew 安装。
- [Trafilatura](https://hebbmind.com/zh-TW/cli/trafilatura.md): [CLI] Python 编写的网页正文提取库与命令行：抓取网页，可跟随站点地图与 RSS 批量采集，去除页眉页脚等噪声，输出 TXT、Markdown、JSON、XML 等格式并附元数据，也能离线处理已下载的 HTML。
- [Talk to Figma MCP](https://hebbmind.com/zh-TW/mcp/cursor-talk-to-figma-mcp.md): [MCP] 借助 Figma 插件与本地 WebSocket 服务，让 agent 读取并直接修改设计稿：建框架与文本、调整自动布局和样式、批量替换文案。需安装 Bun，现由 Grab 维护。
- [Anthropic Sandbox Runtime (srt)](https://hebbmind.com/zh-TW/cli/sandbox-runtime.md): [CLI] Anthropic 官方的系统级沙箱命令行：无需容器即可限制 agent、MCP 服务器与任意命令的文件和网络访问，macOS 用 sandbox-exec、Linux 用 bubblewrap。目前是研究预览版。
- [zizmor](https://hebbmind.com/zh-TW/cli/zizmor.md): [CLI] CI/CD 配置的安全静态分析工具：找出 GitHub Actions 工作流中的模板注入、凭据泄露、权限过大等问题，也覆盖 Dependabot 与 pre-commit 配置，部分问题可自动修复。
- [Home Assistant MCP Server (ha-mcp)](https://hebbmind.com/zh-TW/mcp/ha-mcp.md): [MCP] 让 agent 操作 Home Assistant 智能家居：控制设备、查询状态与历史，创建并调试自动化、编辑仪表盘，共 80 多个工具。社区维护（非官方），需自有 Home Assistant 实例，uvx 方式运行还需长期访问令牌。
- [Lieflat Charts](https://hebbmind.com/zh-TW/skill/lieflat-charts.md): [Skill] 按模板生成数据可视化：根据数据形状从 Lupi、Basics、Glance、Maps 等图表库的真实实现中选型，产出双击即可打开的单文件 HTML 图表，也可套用 12 套中英文整页报告模板；默认 Mono 灰阶，可按数据语义选内置彩色预设或用户色板。面向非程序员，技能说明为中文。
- [Dev Browser](https://hebbmind.com/zh-TW/skill/dev-browser.md): [Skill] 让编码 agent 用简短的 Puppeteer 脚本控制真实 Chrome，命名页面跨调用保持状态，可取无障碍树快照、截图并自测网页改动。需先全局安装 dev-browser CLI，仅支持 macOS 与 glibc Linux。
- [n8n-skills](https://hebbmind.com/zh-TW/plugin/n8n-skills.md): [Plugin] 配合 n8n-mcp 使用的 14 个技能，外加钩子提醒层：教 agent 写对 n8n 表达式、配置节点、套用工作流模式、修复校验错误，也能部署自托管 n8n。需要先配置 n8n-mcp。
- [n8n Skills](https://hebbmind.com/zh-TW/skill/n8n-skills.md): [Skill] 14 个 n8n 工作流技能：表达式语法、MCP 工具用法、节点配置、校验排错、Code 节点、AI Agent 工作流与自建 n8n 部署。需要配合 n8n-mcp 服务器使用。
- [pastel](https://hebbmind.com/zh-TW/cli/pastel.md): [CLI] 命令行配色工具：生成、混合、调亮调暗颜色，在 HEX、RGB、HSL、Lab 等格式间转换，生成渐变和多种区分度高的颜色，按背景挑选易读的文字颜色并模拟色盲效果，适合让 agent 帮设计师出配色方案。用 Homebrew 安装即可，无需账号或 API Key。
- [21st MCP（原 Magic MCP）](https://hebbmind.com/zh-TW/mcp/magic-mcp.md): [MCP] 21st.dev 官方 MCP：让 agent 检索并获取 21st.dev 社区的 UI 组件、主题与模板代码，开通 AI 权限后还能按描述生成组件。原 Magic MCP 已并入，需要在 21st.dev 申请免费 API Key。
- [csvkit](https://hebbmind.com/zh-TW/cli/csvkit.md): [CLI] 老牌 CSV 命令行工具集：in2csv 把 Excel、JSON 转成 CSV，csvcut、csvgrep、csvsort 筛选排序，csvstat 做统计，csvsql 直接对 CSV 跑 SQL。
- [Vale](https://hebbmind.com/zh-TW/cli/vale.md): [CLI] 按风格指南检查文档用语的写作 linter：可套用 Microsoft、Google 等现成规则包或自写 YAML 规则，解析 Markdown、AsciiDoc 等格式后再检查，完全离线，可接入编辑器与 CI。
- [Google Agents CLI Skills](https://hebbmind.com/zh-TW/skill/google-skills.md): [Skill] Google 官方的 ADK agent 开发技能组：开发流程、项目脚手架、ADK Python API、评测（LLM 评审与自适应评分标准）、部署到 Agent Runtime / Cloud Run / GKE、发布与可观测性。需配合 agents-cli 命令行，本地开发只需 AI Studio API Key。
- [Refine Live](https://hebbmind.com/zh-TW/skill/refine-live.md): [Skill] transitions.dev 时间线检查器里 Refine 按钮的对话内后备方案：agent 轮询本地中继服务领取任务，按 transitions.dev 的动效令牌调整时长、缓动、缩放与模糊，或推荐整套过渡方案，也能扫描源码分组并把接受的修改写回代码。闲置轮询也会消耗对话额度，作者更推荐用 npx transitions-refine live 常驻运行。
- [Transitions Polish](https://hebbmind.com/zh-TW/skill/transitions-polish.md): [Skill] 打磨已有的动效而不是新增过渡：按 transitions.dev 的动效令牌检查时长、位移、缩放、模糊与缓动五个维度，先判断动画用途再匹配令牌，并给出开合不对称、悬停进出、错开间隔与意图延迟等规则。是 transitions-dev 技能的配套，也可单独用于动效审计。
- [Quarto](https://hebbmind.com/zh-TW/cli/quarto-cli.md): [CLI] Posit 出品的开源科技出版系统，基于 Pandoc：在 Markdown 或 Jupyter 笔记本中嵌入 Python、R、Julia 代码，quarto render 生成 HTML、PDF、Word、幻灯片、网站与书籍。
- [Taskwarrior](https://hebbmind.com/zh-TW/cli/taskwarrior.md): [CLI] 老牌命令行待办管理工具，支持项目、标签、优先级、截止日期与自定义报表，可导出 JSON，并有丰富的钩子与扩展生态，适合让 agent 记录和跟踪任务。
- [Docker CLI](https://hebbmind.com/zh-TW/cli/docker-cli.md): [CLI] Docker 官方命令行，构建镜像、运行和管理容器、查看日志并推送到镜像仓库，是 agent 搭建隔离运行环境的基础工具。需要本机或远程的 Docker 引擎（如 Docker Desktop）。
- [MCP Atlassian](https://hebbmind.com/zh-TW/mcp/mcp-atlassian.md): [MCP] 社区维护的 Jira 与 Confluence MCP：用 JQL/CQL 搜索，创建和更新工单、页面与评论，同时支持云版与 Server/Data Center 私有部署；需要 API Token 或个人访问令牌。
- [ZCF (Zero-Config Code Flow)](https://hebbmind.com/zh-TW/cli/zcf.md): [CLI] 零配置一键设置 Claude Code 与 Codex 环境的命令行：用交互式菜单完成安装、导入工作流、配置 API 与 CCR 代理、安装常用 MCP 服务，支持模型服务商预设与中英文双语配置。
- [JiraCLI](https://hebbmind.com/zh-TW/cli/jira-cli.md): [CLI] 功能完整的 Jira 命令行：筛选、创建、流转、指派与关联 Issue，管理 Epic 与 Sprint，--plain 纯文本输出便于 agent 读取；支持 Cloud 与自建版，需配置 API Token 并运行 jira init。
- [Antfu Conventions](https://hebbmind.com/zh-TW/skill/antfu.md): [Skill] Anthony Fu 对 JavaScript / TypeScript 项目的约定与工具偏好：代码组织、显式导入、Vitest 测试写法，以及 @antfu/ni、开启 antislop 的 @antfu/eslint-config、Knip、tsdown 和统一的 ci 脚本，新建项目时参照 antfu/starter-ts 模板。
- [Nitro](https://hebbmind.com/zh-TW/skill/nitro.md): [Skill] Nitro v3 服务端框架的参考：文件路由与 H3 v2 事件处理、路由规则、缓存与 KV 存储、定时任务、WebSocket、数据库层与 OpenAPI，以及部署到 Node、Bun、Deno、Cloudflare、Vercel 等平台，并说明从 v2 迁移的变化。由 Anthony Fu 从官方文档生成。
- [Nuxt](https://hebbmind.com/zh-TW/skill/nuxt.md): [Skill] Nuxt 5 全栈 Vue 框架的参考：目录结构、配置、文件路由、useFetch 等数据获取、自动导入、服务端路由、渲染模式、SSR 与水合注意事项、模块与 Layers，重点说明 Nuxt 5 改用 Nitro v3 与 Vite 8 带来的变化。由 Anthony Fu 从官方文档生成。
- [Vite](https://hebbmind.com/zh-TW/skill/vite.md): [Skill] Vite 8 构建工具的参考：vite.config.ts 配置、import.meta.glob 等特性、插件 API、库模式与 SSR、Environment API，以及改用 Rolldown 打包与 Oxc 转译后的迁移要点；偏好 TypeScript 配置与 ESM。由 Anthony Fu 从官方文档生成。
- [Vitest](https://hebbmind.com/zh-TW/skill/vitest.md): [Skill] Vitest 5 测试框架的参考：配置、命令行、test / describe / expect API、生命周期钩子，模拟、快照、覆盖率、测试上下文与 fixtures、并发、过滤与标签、报告器、基准测试，以及测试环境、类型测试与多项目配置。由 Anthony Fu 从官方文档生成。
- [pnpm](https://hebbmind.com/zh-TW/skill/pnpm.md): [Skill] pnpm 包管理器的参考：命令行、pnpm-workspace.yaml 配置、monorepo 工作区、内容寻址存储、catalogs、overrides、patches、构建审批等供应链安全设置与任务编排，以及 CI 配置和从 npm、Yarn 或旧版本迁移。基于 pnpm 12，由 Anthony Fu 从官方文档生成。
- [Claude Scholar](https://hebbmind.com/zh-TW/skill/claude-scholar.md): [Skill] 面向计算机与 AI 方向研究者的半自动科研工作流：选题构思、Zotero 文献整理、实验结果分析与报告、论文写作润色和审稿回复，可接入 Obsidian 知识库；含 40 多个技能，也可作为 Claude Code 插件安装。
- [Claude Scholar](https://hebbmind.com/zh-TW/plugin/claude-scholar.md): [Plugin] 面向计算机与 AI 研究者的半自动科研助手：串起选题、Zotero 文献整理、实验分析与报告、论文写作与审稿回复，并用 Obsidian 沉淀项目知识。另有 Codex 等分支版本。
- [Interface Design](https://hebbmind.com/zh-TW/plugin/interface-design.md): [Plugin] 面向后台、仪表盘这类产品界面的设计工程插件：按设计原则构建界面，把间距、配色、层级等决策存进 .interface-design/system.md，跨会话保持一致。不适合营销页。
- [.NET Agent Skills](https://hebbmind.com/zh-TW/skill/dotnet-skills.md): [Skill] .NET 团队官方技能合集，按插件分组：ASP.NET Core、Blazor、MAUI、EF Core 数据访问、MSBuild 构建排障、性能诊断、测试与框架升级迁移。微软维护，通过 Claude Code / Codex 插件市场安装。

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