無程式碼也能輕鬆打造專業LINE官方帳號！一鍵導入模板，讓AI助你行銷加分！
AI 程式碼代理的品質取決於其對所使用工具和框架的理解程度。沒有明確的指導，代理可能會產生過時的程式碼、錯過最佳實踐或誤解框架慣例。Anthony Fu 的技能包透過提供一套精心挑選的 Markdown 技能定義來解決這個問題，教導 AI 代理如何使用 Vue 生態系工具的當前最佳實踐。
由 Anthony Fu（VueUse、Vitest、UnoCSS 和數十個其他 Vue 生態系專案背後的多產開源創作者）建立，這個技能儲存庫將他的深厚專業知識編碼為 AI 代理可以直接消費的格式。每個技能檔案都是一個專注、權威的參考，針對特定工具或框架，涵蓋關鍵 API、常見模式、配置和慣例。
該集合使用 Git 子模組方法進行分發，意味著專案可以將技能作為一個會自動更新的依賴項包含進來。當 Vue 生態系演進時——新增 API、廢棄舊模式、改變最佳實踐——技能定義會更新，拉取最新子模組提交的專案就能獲得這些改進。
該集合包含哪些技能？
該儲存庫涵蓋了完整的 Vue 生態系，為每個主要工具提供技能定義。
graph TD
A[antfu/skills 集合] --> B[框架技能]
A --> C[建置工具技能]
A --> D[工具函式庫技能]
A --> E[語言與配置技能]
B --> F[Vue 3]
B --> G[Nuxt]
C --> H[Vite]
C --> I[Vitest]
D --> J[VueUse]
D --> K[UnoCSS]
E --> L[TypeScript]
E --> M[ESLint Flat Config]
E --> N[pnpm]
| 技能 | 工具/框架 | 主要涵蓋範圍 |
|---|---|---|
| Vue 3 | Vue.js 3 | Composition API、SFC 語法、響應式系統、指令 |
| Nuxt | Nuxt 3/4 | 基於檔案的 routing、伺服器路由、模組、自動匯入 |
| Vite | Vite | 配置、外掛、建置優化、SSR |
| Vitest | Vitest | 測試結構、模擬、覆蓋率、瀏覽器模式 |
| VueUse | VueUse | Composables、工具函式、tree-shaking |
| UnoCSS | UnoCSS | Atomic CSS、presets、自訂規則、快捷鍵 |
| ESLint | ESLint（flat config） | Flat config 格式、外掛、規則配置 |
| pnpm | pnpm | 工作區管理、依賴解析、效能 |
| TypeScript | TypeScript | 型別、泛型、配置、Vue 整合 |
如何將技能與 AI 代理整合？
這些技能設計為在 AI 代理的配置中被引用，通常透過 CLAUDE.md 檔案。
| 整合模式 | 配置 | 運作方式 |
|---|---|---|
| Claude Code | CLAUDE.md 引用 | 代理啟動時讀取 .skills/ |
| 通用代理 | 系統提示包含 | 指示代理讀取 .skills/*.md |
| 手動 | 按需載入 | 要求代理讀取特定技能檔案 |
| 子模組 + Hook | git hook 自動更新 | 技能隨生態系保持最新 |
graph LR
A[專案根目錄] --> B[CLAUDE.md]
A --> C[.skills/]
A --> D[package.json]
C --> E[vue.md]
C --> F[nuxt.md]
C --> G[vite.md]
C --> H[vitest.md]
C --> I[vueuse.md]
C --> J[unocss.md]
C --> K[eslint.md]
C --> L[pnpm.md]
B -->|引用| C
M[AI 代理] -->|讀取| B
M -->|載入| C
為什麼這種方法優於 AI 訓練資料？
技能檔案方法解決了依賴 AI 模型訓練資料獲得工具特定知識的根本限制。
| 面向 | 技能檔案方法 | 依賴訓練資料 |
|---|---|---|
| 準確性 | 權威性（由核心維護者編寫） | 可能包含過時資訊 |
| 更新速度 | 子模組更新時立即生效 | 需要模型重新訓練 |
| 針對性 | 專注、工具特定的專業知識 | 通用知識，可能混雜不同版本 |
| 自訂化 | 可針對專案覆寫 | 一刀切 |
| 版本控制 | 與專案程式碼一起版本化管理 | 不可控 |
對於 Vue 生態系開發者而言，將 Anthony Fu 的個人指導嵌入其 AI 代理的知識庫，是最接近擁有框架創建者隨傳隨到諮詢的體驗。
常見問題
什麼是 Anthony Fu 的技能包？ 一套精心挑選的 AI 代理技能定義，涵蓋 Vue 生態系，每個技能是教導 AI 代理如何使用特定工具或框架的 Markdown 檔案。
該集合包含哪些技能？ Vue 3、Nuxt、Vite、Vitest、VueUse、UnoCSS、ESLint、pnpm、TypeScript 等。
如何安裝？
作為 Git 子模組安裝：git submodule add https://github.com/antfu/skills .skills。
Git 子模組模式如何運作？
每個技能是 Markdown 檔案，AI 代理讀取 CLAUDE.md 引用的 .skills 目錄。更新時執行 git submodule update --remote --merge。
適合誰？ 使用 AI 程式碼代理的 Vue 生態系開發者。
延伸閱讀
- Anthony Fu 的技能包 GitHub 儲存庫 – 原始集合和安裝說明
- Anthony Fu 的 GitHub 個人檔案 – VueUse、Vitest、UnoCSS 等專案的創作者
- Vue 3 文件 – 官方 Vue.js 框架文件
- Nuxt 文件 – 官方 Nuxt 框架文件
- CLAUDE.md 最佳實踐 – 如何使用專案說明配置 AI 代理
