Claude Code 装了一堆 Skill，用起来还是差点意思？试试这个全家桶

用过 Claude Code 的都知道，装 Skill 这事上瘾。

看到一个好用的，啪一下装上了；刷到一个更全的，啪一下又装上了。装了二三十个，结果呢？真正干活的时候 Claude 还是那副德性——该用的时候不用，不该触发的时候乱触发。

问题不在 Skill 数量，在于大多数 Skill 包都是「一技能一功能」——SEO 一个、画图一个、浏览器自动化又一个，互相之间没有配合，没有统一的触发逻辑，用起来跟开杂货铺似的。

Ay-Skills 就是来解决这个的。

它不是十个独立工具，是一个协同作战的工具箱。

Ay-Skills 是 AY Automate 出品的开源 Claude Code 技能包，一口气打包了 10 个生产级 Skill，全部基于同一个规范编写，触发条件清晰、互相不打架。装一个包，等于装了十条专业能力。

重点说三个我实际会用的：

artifacts-builder — 让 Claude 生成的 React 界面不只是一段代码，而是一个能直接分享的独立 HTML 文件。Claude 写完直接打包，shadcn/ui + Tailwind 全在里面，双击就能在浏览器打开发给同事。不用他本地配环境，不用 npm install，真正的「一键分享」。

agent-browser — 很多人以为浏览器自动化就是 Playwright 脚本，但 agent-browser 解决了两个核心问题：ref 精准定位元素（不依赖 XPath），以及持久化登录状态。一次登进去，后续任务复用会话，不用每次都跑一遍验证码。

mcp-client — 通用 MCP 客户端，接任何 MCP 服务器，支持 Python runner 和渐进式展开的配置。说人话：之前你可能为了接一个工具配半天 MCP，mcp-client 把这个过程压缩成复制粘贴。

其他几个也没凑数：remotion 做程序化视频、notebooklm 查 Google 学术笔记、excalidraw-diagram 出图、claude-seo 做 SEO 审计、superpowers 做 TDD 开发流。

安装方式：

直接在 Claude Code 里跑一行命令：

claude mcp add ay-skill -- git clone https://github.com/walidboulanouar/Ay-Skills ~/.claude/skills/Ay-Skills

或者从 Claude Desktop 的设置 → Developer → Edit Config 手动加。

装完以后新建一个 Claude Code 会话，它会自动发现 .claude/skills/Ay-Skills 目录下的所有 Skill，直接用。

GitHub 链接：https://github.com/walidboulanouar/Ay-Skills

GitHub: https://github.com/walidboulanouar/Ay-Skills