# 工具集

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

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

类型为 Skill，适合前端开发或运维 / SRE或算法 / AI的资源，共 256 项。

> - 前端开发：网页、H5 与小程序的界面开发、调试与性能优化。
> - 运维 / SRE：部署、监控、云资源与系统稳定性。
> - 算法 / AI：模型训练、评测与大模型应用开发。

- [Skills For Real Engineers (Matt Pocock)](https://hebbmind.com/zh-TW/skill/mattpocock-skills.md): [Skill] Matt Pocock 的工程技能合集：grill-me 追问对齐需求，to-spec 把讨论整理成规格、to-tickets 拆成工单，另有 tdd、diagnosing-bugs、code-review 等，小而可组合。每个仓库首次使用前先运行 setup-matt-pocock-skills。
- [Superpowers](https://hebbmind.com/zh-TW/skill/superpowers.md): [Skill] 面向编码 agent 的完整开发方法论技能集：头脑风暴出设计、拆解实施计划、派子代理逐项实现并评审、强制 TDD 与系统化调试。作为插件安装可自动注入启动引导。
- [Skill Creator](https://hebbmind.com/zh-TW/skill/skill-creator.md): [Skill] 引导 agent 从零编写或改进 Skill：梳理意图、撰写 SKILL.md、跑有无技能的对照评测并打分，再优化描述以提高触发准确率。Anthropic 官方技能。
- [Frontend Design](https://hebbmind.com/zh-TW/skill/frontend-design.md): [Skill] 引导 agent 在新建或改版界面时先确定视觉方向，在配色、字体与布局上做有取舍的选择，避免千篇一律的模板化 AI 界面。Anthropic 官方技能。
- [Scientific Agent Skills](https://hebbmind.com/zh-TW/skill/scientific-agent-skills.md): [Skill] K-Dense 维护的 166 个科研技能合集（原 Claude Scientific Skills）：覆盖生物信息、化学信息、临床研究、材料与物理等领域，含统一查询 PubChem、UniProt 等 78 个公共数据库的技能。
- [Diagnosing Bugs](https://hebbmind.com/zh-TW/skill/diagnosing-bugs.md): [Skill] 排查疑难缺陷与性能回退的纪律化流程：先构建能稳定复现的反馈回路，再复现与最小化、提出假设、插桩验证，最后修复并补回归测试，输出中要求脱敏密钥。Matt Pocock 出品。
- [tdd](https://hebbmind.com/zh-TW/skill/tdd.md): [Skill] 按纵向切片做测试驱动开发：先与用户约定测试接缝，只通过公开接口验证行为，并列出实现耦合、同义反复等测试反模式。出自 Matt Pocock 的 skills 合集。
- [Writing Plans](https://hebbmind.com/zh-TW/skill/writing-plans.md): [Skill] 有了需求或规格、动手之前，把多步任务写成小粒度的实施计划：列明涉及的文件、接口签名与验证用的测试，便于逐步执行。Superpowers 的核心技能。
- [Systematic Debugging](https://hebbmind.com/zh-TW/skill/systematic-debugging.md): [Skill] 四阶段根因调试法：先调查根因、对照可用样例找差异、单变量验证假设，最后修复根因，禁止未定位就猜测改代码。出自 Superpowers 工作流。
- [Verification Before Completion](https://hebbmind.com/zh-TW/skill/verification-before-completion.md): [Skill] 要求 agent 在声称完成、已修复或测试通过之前，先运行完整的验证命令并读完输出，用证据支撑结论，杜绝未经验证的成功声明。出自 Superpowers 工作流。
- [Using Git Worktrees](https://hebbmind.com/zh-TW/skill/using-git-worktrees.md): [Skill] 开工前为功能开发建立隔离工作区：优先用 agent 自带的 worktree 工具，否则回退到 git worktree，并安装依赖、跑基线测试确认起点干净。出自 superpowers。
- [Requesting Code Review](https://hebbmind.com/zh-TW/skill/requesting-code-review.md): [Skill] 完成任务或合并前，按 git 提交区间派发独立的评审子代理，对照计划与需求检查实现，并按严重、重要、次要分级处理反馈。obra/superpowers 技能集之一。
- [Brainstorming](https://hebbmind.com/zh-TW/skill/brainstorming.md): [Skill] 写代码前通过逐个提问澄清意图、约束与成功标准，把模糊想法细化成可评审的设计，得到确认后再进入实施。Superpowers 的核心技能。
- [Karpathy-Inspired Claude Code Guidelines](https://hebbmind.com/zh-TW/skill/andrej-karpathy-skills.md): [Skill] 按 Karpathy 对大模型写代码常见毛病的观察整理的行为准则：先想清楚再动手、简单优先、只做外科手术式改动、以可验证的目标驱动。也可直接当 CLAUDE.md 使用。
- [webapp-testing](https://hebbmind.com/zh-TW/skill/webapp-testing.md): [Skill] 用 Python Playwright 脚本驱动本地 Web 应用做功能验证、界面调试、截图与浏览器日志查看，自带管理开发服务器启停的辅助脚本。Anthropic 官方技能。
- [Web Artifacts Builder](https://hebbmind.com/zh-TW/skill/web-artifacts-builder.md): [Skill] 用 React、Tailwind CSS 与 shadcn/ui 搭建需要状态管理或路由的多组件网页，自带初始化与打包脚本，最终打包成单个 HTML 文件作为 claude.ai Artifact。Anthropic 官方技能。
- [MCP Builder](https://hebbmind.com/zh-TW/skill/mcp-builder.md): [Skill] 指导 agent 构建高质量 MCP 服务器：调研协议与目标 API、设计工具、用 Python（FastMCP）或 TypeScript SDK 实现，并编写评测问题验证效果。Anthropic 官方技能。
- [Claude API](https://hebbmind.com/zh-TW/skill/claude-api.md): [Skill] Claude API 与 Anthropic SDK 参考：模型选择与定价、流式输出、工具调用、提示缓存、Managed Agents 等，并提供模型迁移与提示词审计流程。Anthropic 官方技能。
- [Ponytail](https://hebbmind.com/zh-TW/skill/ponytail.md): [Skill] 让 agent 按「能不写就不写」的阶梯解题：先问是否需要，再依次复用现有代码、标准库、平台原生能力与已装依赖，只写最少的必要代码，但保留校验、错误处理、安全与无障碍。
- [UI UX Pro Max](https://hebbmind.com/zh-TW/skill/ui-ux-pro-max-skill.md): [Skill] 界面设计知识库技能：按产品类型检索界面风格、配色、字体搭配、图表与 UX 规范，并生成完整设计系统，覆盖 React、SwiftUI、Flutter 等 22 种技术栈。需本机安装 Python 3。
- [next-dev-loop](https://hebbmind.com/zh-TW/skill/next-dev-loop.md): [Skill] 改完代码后让 agent 结合 /_next/mcp 与 agent-browser 在运行中的 Next.js 应用里核对路由、报错与页面表现，确认改动真正生效。Next.js 官方维护，需要 Next.js 16.3+（Turbopack）与 agent-browser。
- [Next.js Cache Components Optimizer](https://hebbmind.com/zh-TW/skill/next-cache-components-optimizer.md): [Skill] 让 agent 在 Cache Components 下把 Next.js 路由优化成即时导航：先用 @next/playwright 的 instant() 写一个失败的端到端测试，再把 Suspense 边界下推到它保护的数据处、扩大静态外壳，直到测试通过并保留为回归防护；首次加载与客户端导航都覆盖。需要 Next.js 16.3+ 并开启 cacheComponents。
- [shadcn/ui](https://hebbmind.com/zh-TW/skill/shadcn.md): [Skill] shadcn/ui 官方技能：让 agent 借助 shadcn CLI 读取项目配置与组件文档，按规范添加、搜索、组合和修复组件，遵守样式、表单与无障碍规则，也能用预设初始化新项目。
- [Migrate Radix to Base UI](https://hebbmind.com/zh-TW/skill/migrate-radix-to-base.md): [Skill] 把 React 项目和 shadcn 组件从 Radix UI 迁移到 Base UI：默认逐个组件渐进迁移，明确要求时才整个项目一起迁；优先用 shadcn CLI 取官方 base 版本并合并用户的定制，调用处按映射表手工改写，每步做类型检查，并在 .migration/ 目录为每个组件写迁移报告。来自 shadcn/ui 官方仓库。
- [Code Review and Quality](https://hebbmind.com/zh-TW/skill/code-review-and-quality.md): [Skill] 合并前从正确性、可读性、架构、安全与性能五个维度评审代码变更，适用于自己、其他 agent 或他人写的代码与 PR，按改善整体代码健康度的标准给出结论。Addy Osmani 的 agent-skills 合集之一。
- [Agent Skills (Addy Osmani)](https://hebbmind.com/zh-TW/skill/addyosmani-agent-skills.md): [Skill] 覆盖定义、计划、构建、验证、评审到上线全流程的工程技能合集，配 /spec、/plan、/build、/test、/review、/ship 等命令，含 TDD、代码评审与 Web 性能审计。Addy Osmani 出品。
- [Taste Skill](https://hebbmind.com/zh-TW/skill/taste-skill.md): [Skill] 让 agent 生成的前端摆脱模板感：先判断设计方向，再用布局变化、动效强度、信息密度三个参数调节效果；另含改版审计、极简与粗野主义风格及设计参考图生成等技能。
- [Impeccable](https://hebbmind.com/zh-TW/skill/impeccable.md): [Skill] 前端设计打磨技能：一个技能提供 polish、audit、critique、typeset 等 24 条命令，并用 61 条确定性检测规则找出典型的 AI 生成界面问题，支持在浏览器里实时迭代。适用于 Claude Code、Codex、Cursor 等工具。
- [Archify](https://hebbmind.com/zh-TW/skill/archify.md): [Skill] 把自然语言描述、Mermaid 或真实代码仓库转成可交互的单文件 HTML 图表，覆盖架构图、流程图、时序图、数据流与状态机，生成后自动校验，可导出 PNG/SVG。
- [SEO Audit](https://hebbmind.com/zh-TW/skill/seo-audit.md): [Skill] 诊断网站 SEO 问题：检查抓取与索引、Core Web Vitals、元信息和页面内容，按优先级给出可执行的修复建议。出自 marketingskills 合集。
- [Chrome DevTools](https://hebbmind.com/zh-TW/skill/chrome-devtools.md): [Skill] 教 agent 高效使用 Chrome DevTools MCP：先取快照拿元素 uid 再交互、按需截图、用分页与过滤压缩大输出、查看 CSS 样式、测试浏览器扩展。需先配置 chrome-devtools-mcp 服务，Chrome DevTools 团队官方维护。
- [Skills For Designers and Engineers](https://hebbmind.com/zh-TW/skill/emilkowalski-skills.md): [Skill] Sonner、Vaul 作者 Emil Kowalski 编写的设计工程技能：帮助选择动画曲线与时长，评审和改进动效，吸收 Apple 设计原则，让网页在手机上更像原生应用，并协助选择 UI 库、做多版本原型。
- [Open Code Review](https://hebbmind.com/zh-TW/skill/open-code-review.md): [Skill] 驱动阿里开源的 ocr CLI 评审 Git 变更（工作区、单个提交或分支对比），按严重级别汇总逐行评审意见，用户要求时自动修复。需先配置 LLM 接口（Anthropic、OpenAI 等协议），缺少 CLI 时会自动安装。阿里巴巴官方维护。
- [Agentic Awesome Skills](https://hebbmind.com/zh-TW/skill/agentic-awesome-skills.md): [Skill] 收录 2400 多个可安装的 SKILL.md 技能，覆盖开发、安全、云与运维、AI、营销等领域；附 AAS Core 本地 MCP 与安装器，帮 agent 检索、挑选技能并预览安装计划。原名 antigravity-awesome-skills。
- [agent-browser](https://hebbmind.com/zh-TW/skill/agent-browser.md): [Skill] agent-browser 浏览器自动化 CLI 的配套技能：引导 agent 加载与已装版本匹配的用法，完成导航、填表、截图与探索式测试，也能操作 Electron 桌面应用。需先安装 agent-browser CLI，Vercel Labs 出品。
- [daisyUI](https://hebbmind.com/zh-TW/skill/daisyui.md): [Skill] daisyUI 官方技能，让 agent 编写 HTML 或 JSX 时使用 daisyUI 5 的组件类名、语义色与主题：先按功能挑选合适的组件并阅读对应文档，再按其结构与约束写代码，附带安装、用法、配置与颜色等子指南。基于 Tailwind CSS 4。
- [daisyUI Install](https://hebbmind.com/zh-TW/skill/daisyui-install.md): [Skill] daisyUI 5 的安装说明：必须搭配 Tailwind CSS 4、不再使用 tailwind.config.js，用 npm 安装后在 CSS 中引入插件；也给出 CDN 引入方式，以及 Next.js、Vue、SvelteKit、Laravel 等框架安装指南的链接。daisyUI 官方技能的子指南。
- [daisyUI Colors](https://hebbmind.com/zh-TW/skill/daisyui-colors.md): [Skill] daisyUI 5 的颜色规则：说明 primary、base-100、error 等语义色及其 -content 前景色的用途，要求尽量只用语义色、不给它们加 dark: 前缀，并给出启用内置主题、编写自定义主题和修改已有主题的写法。daisyUI 官方技能的子指南。
- [daisyUI Config](https://hebbmind.com/zh-TW/skill/daisyui-config.md): [Skill] daisyUI 5 的配置说明：在 CSS 的 daisyUI 插件块中设置启用哪些主题、默认主题与深色模式主题、根选择器、包含或排除的模块、类名前缀和控制台日志，并附完整示例。daisyUI 官方技能的子指南。
- [daisyUI Usage](https://hebbmind.com/zh-TW/skill/daisyui-usage.md): [Skill] daisyUI 5 的用法规则：用组件、部件与修饰类名组合样式，类名不够时再补 Tailwind 工具类，实在覆盖不了才用 ! 强制；未指定时用默认变体，布局加响应式前缀，设计决策参考《Refactoring UI》。daisyUI 官方技能的子指南。
- [wshobson/agents](https://hebbmind.com/zh-TW/skill/wshobson-agents.md): [Skill] wshobson/agents 插件市场中 90 余个插件附带的 180 余个技能，覆盖多语言与框架开发、测试、运维、安全、数据与大模型应用。可用 npx skills 或 gh skill 按需单装，只装技能，不含子代理与命令。
- [Awesome GitHub Copilot](https://hebbmind.com/zh-TW/skill/awesome-copilot.md): [Skill] GitHub 官方组织维护的社区合集，收录数百个遵循 Agent Skills 规范的技能，以及自定义 agent、指令与插件，覆盖多种语言、框架与工作流。内容来自第三方，可用 gh skills install 按需安装单个技能。
- [Awesome Copilot Skills](https://hebbmind.com/zh-TW/skill/github-skills.md): [Skill] GitHub 官方仓库里的社区技能合集，400 多个遵循 Agent Skills 规范的技能，涵盖代码库梳理、测试、云与 DevOps、agent 安全等，可用 gh skills install 按需安装单个技能。
- [Find Skills](https://hebbmind.com/zh-TW/skill/find-skills.md): [Skill] 当用户问「有没有做某事的技能」时，用 skills CLI 搜索 skills.sh 生态，推荐并安装合适的技能。Vercel Labs 维护，与 skills CLI 同仓库发布。
- [Anthropic Cybersecurity Skills](https://hebbmind.com/zh-TW/skill/anthropic-cybersecurity-skills.md): [Skill] 社区维护的网络安全技能库，800 多个技能覆盖威胁狩猎、应急取证、渗透测试、云安全等 34 个领域，并映射 MITRE ATT&CK 与 NIST CSF。非 Anthropic 官方，进攻类技能仅限授权测试使用。
- [Vercel Optimize](https://hebbmind.com/zh-TW/skill/vercel-optimize.md): [Skill] Vercel 官方成本与性能优化技能：先采集线上指标、用量与项目配置，只排查指标指向的路由和文件，输出带文档依据的优化建议排序；支持 Next.js、SvelteKit 与 Nuxt。需要 Vercel CLI v53+ 登录并关联项目。
- [React Composition Patterns](https://hebbmind.com/zh-TW/skill/composition-patterns.md): [Skill] Vercel 出品的 React 组合模式指南：用复合组件、状态提升和清晰的 Context 接口取代布尔 props 泛滥，含 React 19 API 变化，适合重构组件库与评审组件架构。
- [Vercel React Native Skills](https://hebbmind.com/zh-TW/skill/react-native-skills.md): [Skill] Vercel 整理的 React Native 与 Expo 最佳实践，按影响排序覆盖列表滚动性能、Reanimated 动画、导航、UI 模式、状态管理与 monorepo 配置。Vercel 官方维护。
- [Web Design Guidelines](https://hebbmind.com/zh-TW/skill/web-design-guidelines.md): [Skill] 按 Vercel 的 Web Interface Guidelines 审查界面代码，覆盖无障碍、焦点、表单、动画、排版、深色模式等规则，以「文件:行号」列出问题；每次审查前联网拉取最新规则。Vercel 官方维护。
- [Vercel React Best Practices](https://hebbmind.com/zh-TW/skill/react-best-practices.md): [Skill] Vercel 工程团队整理的 React 与 Next.js 性能规范，70 条规则按影响排序，涵盖消除请求瀑布、包体积、服务端性能与重复渲染，供编写、评审与重构时对照。Vercel 官方维护。

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