gsap-skills 是 GreenSock 官方的 GSAP 動畫技能:8 個技能教編程智能體正確使用核心 API、時間線、ScrollTrigger、各類插件、React / Vue / Svelte 集成與性能優化,用 npx skills 一條命令安裝。
- Cursor
- Claude Code
- Codex
- Windsurf
- GitHub Copilot
- Antigravity 等 40 多種
npx skills add https://github.com/greensock/gsap-skillsvercel-react-best-practices 是 Vercel 工程團隊維護的 React / Next.js 性能 Skill:8 個類別共 70 條規則,按影響大小排序,從消除請求瀑布、壓縮包體積到減少重渲染,供智能體寫代碼和評審時參照。
- Claude Code
- Codex
- Cursor
- OpenCode 等支持 Agent Skills 的智能體
npx skills add vercel-labs/agent-skills --skill vercel-react-best-practicesHuashu Design 是花叔(alchaincyf)開源的設計 Skill:一句話讓智能體用 HTML 產出可點擊的 App 原型、產品發佈動畫、可編輯 PPT 和資訊圖,內置設計方向顧問、60 種風格庫和五維度專家評審。
- Claude Code
- Cursor
- Codex
- OpenClaw
- Hermes 等支持 Agent Skills 的工具
npx skills add alchaincyf/huashu-designusing-git-worktrees 是 Superpowers 的工作區技能:開始功能開發或執行計劃前,先檢測是否已在隔離環境,優先用所在工具的原生 worktree 能力,否則回退到 git worktree,並確認測試基線乾淨。
- Claude Code
- Codex
- Cursor
- Gemini CLI
- Copilot CLI
- OpenCode 等
/plugin install superpowers@claude-plugins-officiallaunch 是 marketingskills 裏的發佈策略技能:用「自有、租用、借用」三類渠道的 ORB 框架和從內部發布到全面發佈的五個階段規劃上線,含 Product Hunt 打法、發佈清單和日常更新的公告方式。
- Claude Code
- Codex
- Cursor
- Windsurf
- claude.ai(ZIP 上載)
npx skills add coreyhaines31/marketingskills --skill launchdurable-objects 是 Cloudflare 官方的 Durable Objects Skill:構建、調試或評審有持久狀態與協調需求的代碼時使用,講清適用與不適用場景、關鍵規則、鑑權、存儲操作、定時器和測試方法。
- Claude Code
- Codex
- Cursor
- OpenCode
- GitHub Copilot 等
/plugin marketplace add cloudflare/skills
/plugin install cloudflare@cloudflareremotion-captions 是 Remotion 官方的字幕 Skill:規定字幕統一用 JSON 的 Caption 類型處理,並分別給出本地 Whisper 轉寫、在影片裏顯示與做動畫、導入 SRT 字幕三套做法。
- Claude Code
- Codex
- Kimi Code
- Cursor
npx skills add remotion-dev/skillsdesign-taste-frontend 是 Taste Skill 庫的主技能:先讀懂需求並用一句話說出設計判斷,再用版式變化、動效強度、資訊密度三個旋鈕約束落地頁、作品集和改版頁面,交付前逐項自查「AI 味」。
- Claude Code
- Codex
- Cursor 等(npx skills 安裝或手動複製 SKILL.md)
npx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend"minimalist-ui 是 Taste Skill 庫裏的一個風格技能:暖調單色配色、強烈的字體對比、扁平的便當格佈局和低飽和點綴色,明確禁用漸變、重陰影和幾款被用濫的字體與圖標庫。
- Claude Code
- Codex
- Cursor 等(npx skills 安裝或手動複製 SKILL.md)
npx skills add https://github.com/Leonxlnx/taste-skill --skill "minimalist-ui"scientific-visualization 是 K-Dense 科研技能庫裏的繪圖技能:用 Matplotlib、Seaborn 或 Plotly 製作並審核真實、無障礙、可發表的科研圖,覆蓋多面板佈局、不確定性與缺失數據的呈現、配色對比檢查和期刊導出規劃。
- Claude Code
- Codex
- Cursor
- Gemini CLI 等支持 Agent Skills 的工具
npx skills add K-Dense-AI/scientific-agent-skills --skill scientific-visualizationbaoyu-comic 是寶玉 baoyu-skills 裏的知識漫畫技能:把一個知識主題、人物傳記或教學做成原創的教育漫畫,可選水墨、日漫、清線、粉筆、極簡、寫實等畫風與不同基調,給出詳細的分鏡並支持批量生圖。
- Claude Code
- Codex
- Cursor
- OpenClaw 等
npx skills add jimliu/baoyu-skills --skill baoyu-comicinterview-script 是 phuryn/pm-skills 裏的用戶訪談技能:按熱身、核心探索、收尾三段生成訪談提綱,用待辦任務(JTBD)式的追問挖掘過去的真實行為,遵循 The Mom Test——不誘導、不推銷。
- Claude Code
- Claude Cowork
- Codex CLI;Gemini CLI
- Cursor 等僅技能部分
claude plugin marketplace add phuryn/pm-skills
claude plugin install pm-product-discovery@pm-skillssupabase 是 Supabase 官方的綜合 Skill:做任何涉及 Supabase 的任務時加載,要求先查更新日誌和當前文檔再動手,覆蓋數據庫、Auth、Edge Functions、Realtime、Storage、CLI 與 MCP、模式變更和排障。
- Claude Code
- GitHub Copilot
- Cursor
- Cline 等支持 Agent Skills 的智能體
npx skills add supabase/agent-skills --skill supabaseexecuting-plans 是 Superpowers 的「內聯執行」技能:不為每個任務另派子智能體,由當前會話自己按計劃逐項完成,用任務台帳記錄進度與決定,TDD 把關,最後做一次全分支評審。
- Claude Code
- Codex
- Cursor
- Gemini CLI
- Copilot CLI
- OpenCode 等
/plugin install superpowers@claude-plugins-officialobsidian-bases 是 kepano/obsidian-skills 裏的數據視圖 Skill:教智能體創建和編輯 Obsidian Bases 的 .base 文件,寫對篩選條件、公式與彙總,配置表格、卡片、列表、地圖四種視圖。
/plugin marketplace add kepano/obsidian-skills
/plugin install obsidian@obsidian-skillsazure-resource-visualizer 是微軟 Azure Skills 插件裏的架構圖技能:讀取一個 Azure 資源組裏的全部資源,分析網絡、身份和依賴關係,生成帶資源清單和 Mermaid 架構圖的 Markdown 文檔。
- GitHub Copilot
- Claude Code
- Gemini CLI
- Cursor
- Codex CLI
/plugin marketplace add microsoft/azure-skills
/plugin install azure@azure-skillsprogrammatic-seo 是 marketingskills 裏的程序化 SEO 技能:指導用模板和數據批量創建面向不同關鍵詞或地區的頁面,強調每頁要有獨特價值、避免薄內容處罰,內含 12 種打法和上線前後的質素檢查。
- Claude Code
- Codex
- Cursor
- Windsurf
- claude.ai(ZIP 上載)
npx skills add coreyhaines31/marketingskills --skill programmatic-seofirebase/agent-skills 是 Firebase 官方的 Agent Skills:幫助編程智能體正確使用 Firebase 的認證、Firestore、Hosting、Data Connect、Crashlytics 與 Genkit,並帶一個安全規則審計技能。
- Claude Code
- Codex
- Gemini CLI
- Kimi Code(插件);其他智能體用 npx skills
npx skills add firebase/skillsmarketing-psychology 是 marketingskills 裏的思維模型技能:收錄第一性原理、待辦任務理論、錨定、社會認同、損失厭惡、稀缺等數十個心理學原理與思維模型,並說明如何合乎道德地用於營銷決策。
- Claude Code
- Codex
- Cursor
- Windsurf
- claude.ai(ZIP 上載)
npx skills add coreyhaines31/marketingskills --skill marketing-psychologyvercel-react-view-transitions 是 Vercel 官方的過渡動畫 Skill:指導用 React 的 ViewTransition 組件、過渡類型和 CSS 偽元素實現頁面切換、共享元素、進出場與列表重排動畫,含 Next.js 集成。
- Claude Code
- Codex
- Cursor
- OpenCode 等支持 Agent Skills 的智能體
npx skills add vercel-labs/agent-skills --skill vercel-react-view-transitionshuggingface-datasets 是 Hugging Face 官方的數據集 Skill:通過 Dataset Viewer API 做只讀查詢——獲取子集與劃分資訊、分頁取行、全文搜尋、按條件篩選、拿 Parquet 下載地址、讀取大小與統計。
- Claude Code
- Codex
- Gemini CLI
- Cursor
上手方式 hf skills add huggingface-datasets
find-skills 是 skills CLI 倉庫自帶的技能:當你問「有沒有做 X 的 skill」或需要某種專門能力時,讓智能體先查 skills.sh 榜單、再用 npx skills find 搜尋,把合適的技能推薦給你並協助安裝。
- Claude Code
- Codex
- Cursor
- OpenCode
- Copilot
- Gemini CLI 等數十種智能體
npx skills add vercel-labs/skills --skill find-skillshandoff 是 mattpocock/skills 的交接技能:把當前對話濃縮成一份交接文檔存到系統臨時目錄,列出下一個智能體該調用的技能,引用而不重複已有的規格與提交,並自動隱去密鑰等敏感資料。
- Claude Code
- Codex
- Cursor
- OpenCode
- Windsurf 等
claude plugin install mattpocock-skills@claude-plugins-officialspec-driven-development 是 addyosmani/agent-skills 裏的規格先行技能:新項目、新功能或需求含糊時,按「範圍檢查 → 規格 → 計劃 → 任務 → 實現」的分階段流程推進,每一階段經確認後才進入下一步。
- Claude Code
- Codex
- Cursor
- Gemini CLI
- OpenCode
- Copilot 等
npx skills add addyosmani/agent-skills --skill spec-driven-development