作者 walidboulanouar · walidboulanouar/Ay-Skills
AY Automate 的 10 技能套件 — React/Tailwind 產出物、MCP 客戶端、Remotion 影片、Excalidraw、Claude SEO、NotebookLM 等。
來自 walidboulanouar / AY Automate 的廣泛技能集合：artifacts-builder（React + Tailwind + shadcn/ui 打包成獨立 HTML）、mcp-client（通用 MCP 連接器，支援 Python 執行）、remotion（React 影片）、skill-creator、notebooklm（透過瀏覽器自動化操作 Google NotebookLM）、ui-ux-pro-max（設計系統規範）、agent-browser（具登入持久性的瀏覽器自動化）、claude-seo（DataForSEO MCP 整合）、superpowers（代理式 TDD 流程）、excalidraw-diagram。
%APPDATA%\Claude\claude_desktop_config.json{
"mcpServers": {
"ay-skill": {
"command": "git",
"args": [
"clone",
"https://github.com/walidboulanouar/Ay-Skills",
"~/.claude/skills/Ay-Skills"
],
"_inferred": true
}
}
}開啟 Claude Desktop → Settings → Developer → Edit Config。儲存後重啟應用。
{
"mcpServers": {
"ay-skill": {
"command": "git",
"args": [
"clone",
"https://github.com/walidboulanouar/Ay-Skills",
"~/.claude/skills/Ay-Skills"
],
"_inferred": true
}
}
}Cursor 使用與 Claude Desktop 相同的 mcpServers 格式。專案級設定優先於全域。
{
"mcpServers": {
"ay-skill": {
"command": "git",
"args": [
"clone",
"https://github.com/walidboulanouar/Ay-Skills",
"~/.claude/skills/Ay-Skills"
],
"_inferred": true
}
}
}點擊 Cline 側欄中的 MCP Servers 圖示，然後選 "Edit Configuration"。
{
"mcpServers": {
"ay-skill": {
"command": "git",
"args": [
"clone",
"https://github.com/walidboulanouar/Ay-Skills",
"~/.claude/skills/Ay-Skills"
],
"_inferred": true
}
}
}格式與 Claude Desktop 相同。重啟 Windsurf 生效。
{
"mcpServers": [
{
"name": "ay-skill",
"command": "git",
"args": [
"clone",
"https://github.com/walidboulanouar/Ay-Skills",
"~/.claude/skills/Ay-Skills"
]
}
]
}Continue 使用伺服器物件陣列，而非映射。
{
"context_servers": {
"ay-skill": {
"command": {
"path": "git",
"args": [
"clone",
"https://github.com/walidboulanouar/Ay-Skills",
"~/.claude/skills/Ay-Skills"
]
}
}
}
}加入 context_servers。Zed 儲存後熱重載。
claude mcp add ay-skill -- git clone https://github.com/walidboulanouar/Ay-Skills ~/.claude/skills/Ay-Skills一行命令搞定。用 claude mcp list 驗證，claude mcp remove 移除。
何時使用： 你想交給別人一個可以離線使用的單一 .html 檔案。
結果： 單一檔案，雙擊即可開啟，在任何地方都能運作。
何時使用： 你需要 Claude 操作需要驗證的網頁應用程式，並希望保留登入狀態。
結果： 可跨工作階段執行的自動化流程，不需反覆重新驗證身份。
將 artifacts-builder 的產出直接儲存到共用資料夾
一步將產出物發布為 GitHub Pages 頁面
| 工具 | 輸入參數 | 何時呼叫 | 成本 |
|---|---|---|---|
| artifacts-builder | UI description | 想要可分享的單一檔案展示範例時 | 0 |
| mcp-client | target MCP server + task | 需要從單一技能協調多個 MCP 時 | 0 |
| remotion | scene description + assets | 需要程式化生成影片時 | 0 |
| agent-browser | URL + actions | 需要操作需要驗證或大量使用 JS 的網站時 | 0 |
| claude-seo | URL or keyword | 進行 SEO 稽核，可選用付費資料來源時 | 0 local, paid if DataForSEO enabled |
| superpowers | feature intent | 開發複雜功能且適合採用結構化 TDD 流程時 | 0 |
Skill not invoked — Claude writes React inline instead of using artifacts-builder請直接以名稱指定子技能：「use artifacts-builder to...」。
ls ~/.claude/skills/Ay-Skills/SKILL.md frontmatter wrong每個子技能都有各自的 SKILL.md；請檢查未正確觸發的那個。
head ~/.claude/skills/Ay-Skills/artifacts-builder/SKILL.mdWrong trigger keywords — mcp-client picks the wrong MCP請在提示中明確指定目標 MCP。
| 替代方案 | 何時用它替代 | 權衡 |
|---|---|---|
| excalidraw-skill (Agents365) | 只需要繪製圖表功能時 | 功能較單一；不包含其他 9 個 AY 子技能 |
| skills-skill-9 | 想要以產品開發為主的技能，而非 UI/瀏覽器操作 | 技能類別的側重點不同 |