{
  "id": "page:docs-reference-repos-antfu-skills-research",
  "_kind": "Page",
  "_file": "wiki/docs/reference-repos/antfu/skills/research.md",
  "_cluster": "wiki",
  "attributes": {
    "nodeKind": "Page",
    "sourcePath": "docs/reference-repos/antfu/skills/research.md",
    "sourceKind": "repo-docs",
    "title": "antfu/skills",
    "displayName": "antfu/skills",
    "slug": "docs/reference-repos/antfu/skills/research",
    "articlePath": "wiki/docs/reference-repos/antfu/skills/research.md",
    "article": "\n# antfu/skills\r\n\r\n- **Archetype**: mega-skill-pack\r\n- **Stars**: 4,559\r\n- **Last pushed**: 2026-03-16\r\n- **License**: MIT\r\n- **Discovered**: 2026-04-12\r\n- **Skills found**: 17 SKILL.md files in skills/\r\n- **Fork**: No\r\n- **Source**: gh-search\r\n\r\n## Summary\r\n\r\nAnthony Fu's curated collection of agent skills for the Vue/Vite/Nuxt ecosystem. Self-described as a \"proof-of-concept for generating agent skills from source documentation and keeping them in sync.\" Uses git submodules to reference upstream documentation sources.\r\n\r\nThree types of skills:\r\n1. **Hand-maintained**: antfu (opinionated personal preferences for app/library projects)\r\n2. **Generated from docs**: vue, nuxt, pinia, vite, vitepress, vitest, unocss, pnpm (generated from official docs, fine-tuned)\r\n3. **Vendored**: slidev, tsdown, turborepo, vueuse-functions, vue-best-practices, vue-router-best-practices, vue-testing-best-practices, web-design-guidelines (synced from external repos)\r\n\r\nNotable: includes a meta-system for generating skills from documentation sources (meta.ts + scripts/). The repo itself is a template for creating skill collections.\r\n\r\n## Assessment\r\n\r\nModerate extractable value. The Vue/Nuxt/Vite skills are ecosystem-specific. The real value is the meta-pattern: generating skills from documentation sources and keeping them synced via git submodules. The opinionated \"antfu\" skill demonstrates how personal coding preferences can be codified.\r\n\r\n**Extraction priority**: MEDIUM-LOW\r\n\r\n---\r\n\r\n## Processes\r\n\r\n### 1. Vue/Nuxt Application Quality Review\r\n- **Source skills**: vue-best-practices, vue-testing-best-practices, vue-router-best-practices, pinia\r\n- **Placement**: `specializations/shared/vue-nuxt-quality-review.js`\r\n- **Description**: Quality gate process for Vue/Nuxt projects: Composition API pattern check -> state management review (Pinia best practices) -> router configuration audit -> test coverage assessment -> SSR/hydration safety check. Focused on modern Vue 3 + TypeScript patterns.\r\n\r\n### 2. Documentation-to-Skill Generation Pipeline\r\n- **Source**: meta.ts, scripts/, AGENTS.md generation guidelines\r\n- **Placement**: `methodologies/doc-to-skill-generation.js` (this is a generic dev methodology -- generating skills from any documentation source)\r\n- **Description**: Process for converting documentation into agent skills: identify source repos -> clone/submodule docs -> extract key patterns/rules -> generate SKILL.md with examples -> validate skill quality -> set up sync mechanism for updates.\r\n\r\n## Plugin Ideas\r\n\r\n### 1. Skill Sync Plugin\r\n- **Category**: Knowledge Management\r\n- **install.md**: Configures automatic syncing of vendored skills from upstream repositories using git submodules. Detects stale skills, pulls updates, and validates SKILL.md format integrity. Supports both global and project-scoped skill libraries.\r\n\r\n## Implicit Procedural Knowledge\r\n\r\n- **Documentation-to-skill generation**: The meta.ts + scripts pipeline demonstrates a replicable pattern for converting any library's documentation into structured agent skills. This is a meta-capability worth codifying.\r\n- **Opinionated preference codification**: The hand-maintained \"antfu\" SKILL.md shows how individual developer preferences (ESLint config, package manager choice, testing framework) can be captured as a skill -- relevant for babysitter's profile system.\r\n- **Skill vendoring pattern**: Using git submodules to keep third-party skills in sync while allowing local customization. This informs how the babysitter process library could handle external skill imports.\r\n\r\n## Library Mapping\r\n\r\n| Extractable Process | Library Status | Action | Existing Path | Target Placement |\r\n|-------------------|----------------|--------|---------------|------------------|\r\n| Vue/Nuxt Application Quality Review | NEW | Vue 3 + TypeScript quality gate with Composition API and SSR checks | - | specializations/frontend/vue-nuxt-quality-review.js |\r\n| Documentation-to-Skill Generation Pipeline | NEW | Convert documentation into structured agent skills with sync mechanism | - | methodologies/doc-to-skill-generation/ |\r\n| Vue Best Practices Audit | NEW | Modern Vue 3 development pattern validation and code review | - | specializations/frontend/vue-best-practices-audit.js |\r\n| Nuxt Application Development Process | NEW | SSR/SSG application development with Nuxt framework patterns | - | specializations/frontend/nuxt-application-development.js |\r\n| Pinia State Management Review | NEW | Vue state management pattern validation and optimization | - | specializations/frontend/pinia-state-management-review.js |\r\n| Vite Build Optimization | NEW | Vite build configuration and performance optimization workflow | - | specializations/frontend/vite-build-optimization.js |\r\n| Vue Testing Strategy Implementation | NEW | Vue component testing with Vitest and Vue Testing Library patterns | - | specializations/frontend/vue-testing-strategy.js |\r\n| Skill Vendoring and Sync | NEW | Git submodule-based skill syncing and update management | - | specializations/shared/skill-vendoring-sync.js |\r\n\r\n## Plugin Marketplace Mapping\r\n\r\n| Plugin Idea | Marketplace Status | Action | Existing Plugin | Target Placement |\r\n|-------------|-------------------|--------|-----------------|------------------|\r\n| Git Submodule Sync | NEW | Automatic syncing of vendored content from upstream repos via git submodules | - | plugins/a5c/marketplace/plugins/git-submodule-sync/ |\n",
    "documents": []
  },
  "outgoingEdges": [],
  "incomingEdges": [
    {
      "from": "page:docs-reference-repos",
      "to": "page:docs-reference-repos-antfu-skills-research",
      "kind": "contains_page"
    }
  ]
}