無程式碼也能輕鬆打造專業LINE官方帳號！一鍵導入模板，讓AI助你行銷加分！
Los agentes de codigo AI solo son tan buenos como su comprension de las herramientas y frameworks con los que trabajan. Sin una guia explicita, los agentes pueden producir codigo desactualizado, omitir mejores practicas o malinterpretar las convenciones del framework. Skills de Anthony Fu resuelve este problema proporcionando una coleccion curada de definiciones de habilidades en Markdown que ensenan a los agentes de IA como trabajar con herramientas del ecosistema Vue utilizando las mejores practicas actuales.
Creado por Anthony Fu (el prolifico creador open-source detras de VueUse, Vitest, UnoCSS y docenas de otros proyectos del ecosistema Vue), este repositorio de habilidades codifica su profunda experiencia en un formato que los agentes de IA pueden consumir directamente.
graph TD
A[Coleccion antfu/skills] --> B[Habilidades de Framework]
A --> C[Habilidades de Herramientas de Build]
A --> D[Habilidades de Utilidades]
A --> E[Habilidades de Lenguaje y Configuracion]
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]
| Habilidad | Herramienta/Framework | Cobertura Clave |
|---|---|---|
| Vue 3 | Vue.js 3 | Composition API, sintaxis SFC, reactividad, directivas |
| Nuxt | Nuxt 3/4 | Enrutamiento basado en archivos, rutas de servidor, modulos |
| Vite | Vite | Configuracion, plugins, optimizacion de build, SSR |
| Vitest | Vitest | Estructura de tests, mocks, cobertura, modo navegador |
| VueUse | VueUse | Composables, funciones de utilidad, tree-shaking |
| UnoCSS | UnoCSS | CSS Atomico, presets, reglas personalizadas, shortcuts |
| ESLint | ESLint (flat config) | Formato flat config, plugins, configuracion de reglas |
| pnpm | pnpm | Gestion de workspace, resolucion de dependencias, rendimiento |
| TypeScript | TypeScript | Tipos, genericos, configuracion, integracion Vue |
Integracion con Agentes de IA
graph LR
A[Raiz del Proyecto] --> 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 -->|Referencia| C
M[Agente AI] -->|Lee| B
M -->|Carga| C
Por Que Este Enfoque es Mejor que los Datos de Entrenamiento de IA?
| Aspecto | Enfoque de Archivos de Habilidad | Dependencia de Datos de Entrenamiento |
|---|---|---|
| Precision | Autorizado (escrito por mantenedor) | Puede incluir informacion desactualizada |
| Velocidad de actualizacion | Inmediata al actualizar submodulo | Requiere reentrenamiento del modelo |
| Especificidad | Experiencia enfocada en herramienta | Conocimiento general, puede mezclar versiones |
| Personalizacion | Posibles anulaciones por proyecto | Unico para todos |
| Control de versiones | Versionado junto al codigo del proyecto | No controlable |
FAQ
Que es Skills de Anthony Fu? Coleccion curada de definiciones de habilidades de agente AI para el ecosistema Vue, cada una es un archivo Markdown.
Que habilidades incluye? Vue 3, Nuxt, Vite, Vitest, VueUse, UnoCSS, ESLint, pnpm, TypeScript y mas.
Como se instala?
git submodule add https://github.com/antfu/skills .skills.
Como funciona el submodulo?
Agentes AI leen el directorio .skills referenciado por CLAUDE.md. Se actualiza con git submodule update --remote --merge.
Para quien es? Desarrolladores del ecosistema Vue que usan agentes de codigo AI.
Lecturas Adicionales
- Repositorio GitHub de Skills de Anthony Fu – Coleccion fuente e instrucciones de instalacion
- Perfil de GitHub de Anthony Fu – Creador de VueUse, Vitest, UnoCSS y mas
- Documentacion de Vue 3 – Documentacion oficial del framework Vue.js
- Documentacion de Nuxt – Documentacion oficial del framework Nuxt
- Mejores Practicas de CLAUDE.md – Como configurar agentes AI con instrucciones de proyecto
