{
  "id": "page:docs-reference-repos-vuejs-ai-skills-research",
  "_kind": "Page",
  "_file": "wiki/docs/reference-repos/vuejs-ai/skills/research.md",
  "_cluster": "wiki",
  "attributes": {
    "nodeKind": "Page",
    "sourcePath": "docs/reference-repos/vuejs-ai/skills/research.md",
    "sourceKind": "repo-docs",
    "title": "vuejs-ai/skills",
    "displayName": "vuejs-ai/skills",
    "slug": "docs/reference-repos/vuejs-ai/skills/research",
    "articlePath": "wiki/docs/reference-repos/vuejs-ai/skills/research.md",
    "article": "\n# vuejs-ai/skills\n\n- **Archetype**: domain-skill-pack\n- **Stars**: 2,187\n- **Last pushed**: 2026-03-26\n- **License**: MIT\n- **Discovered**: 2026-04-12\n- **Skills found**: 8\n\n## Summary\n\nOfficial-style Vue.js agent skills for Vue 3 development. Ships 8 skills covering the Vue ecosystem: `vue-best-practices` (core, mandates Composition API + `<script setup>` + TypeScript), `vue-debug-guides` (20KB, largest skill), `vue-router-best-practices`, `vue-pinia-best-practices`, `vue-testing-best-practices`, `vue-options-api-best-practices`, `vue-jsx-best-practices`, and `create-adaptable-composable`. Uses a reference-file architecture (`references/reactivity.md`, `references/sfc.md`, etc.) loaded at task start. Skills cross-reference each other (main skill loads Options API or JSX skill based on project detection).\n\n## Assessment\n\nStrong domain specialization candidate. The 8 skills form a cohesive Vue.js ecosystem covering framework core, routing, state management, testing, and composable patterns. The cross-referencing pattern (main skill conditionally loading sub-skills) demonstrates skill composition. The versioned metadata (`version: \"18.0.0\"`) suggests active maintenance. The 20KB debug guide is particularly valuable as a structured debugging methodology.\n\n## Extraction Priority\n- Medium\n- Rationale: Well-structured Vue.js domain skills suitable for `specializations/frontend/vue/`. The cross-referencing pattern and reference-file architecture are transferable. Vue.js is a major framework with broad applicability.\n\n## Processes\n\n### 1. Vue.js Project Quality Audit\n- **Source skills**: vue-best-practices, vue-testing-best-practices, vue-debug-guides\n- **Placement**: `specializations/frontend/vue-project-quality-audit.js`\n- **Description**: Comprehensive Vue.js project audit: architecture confirmation (Composition API vs Options API) -> component boundary planning -> reactivity review -> state management audit (Pinia patterns) -> testing coverage check -> debug guide application for found issues.\n\n### 2. Vue.js Composable Design\n- **Source skills**: create-adaptable-composable\n- **Placement**: `specializations/frontend/vue-composable-design.js`\n- **Description**: Process for designing reusable Vue composables: identify shared logic -> extract composable -> ensure reactivity correctness -> add TypeScript types -> write tests.\n\n## Plugin Ideas\n\n- **Framework Detection plugin**: Auto-detect frontend framework (Vue/React/Svelte/Angular) and load appropriate domain skills for quality audits. Category: DevX.\n\n## Patterns\n\n- Cross-referencing skill composition (main skill conditionally loads sub-skills based on project detection)\n- Reference-file architecture with mandatory reading at task start\n- \"Confirm architecture before coding\" as required first step\n- Versioned skill metadata with semver\n- Ecosystem coverage pattern: core + router + state + testing + variants\n- Component boundary planning as mandatory pre-implementation step\n\n## Library Mapping\n\n| Extractable Process | Library Status | Action | Existing Path | Target Placement |\n|-------------------|----------------|--------|---------------|------------------|\n| Vue.js Project Quality Audit | NEW | Comprehensive Vue 3 project audit with Composition API and ecosystem patterns | - | specializations/frontend/vue-project-quality-audit.js |\n| Vue.js Composable Design | NEW | Reusable Vue composable design with reactivity and TypeScript patterns | - | specializations/frontend/vue-composable-design.js |\n| Vue Debugging Methodology | NEW | Structured Vue.js debugging guide with reactive system troubleshooting | - | specializations/frontend/vue-debugging-methodology.js |\n| Vue Router Best Practices Implementation | NEW | Vue Router configuration and navigation patterns for SPAs | - | specializations/frontend/vue-router-implementation.js |\n| Pinia State Management Patterns | NEW | Vue state management with Pinia store design and optimization | - | specializations/frontend/pinia-state-management.js |\n| Vue Testing Strategy | NEW | Vue component testing with Vue Test Utils and ecosystem testing patterns | - | specializations/frontend/vue-testing-strategy.js |\n| Vue Component Architecture Planning | NEW | Component boundary planning and architecture confirmation process | - | specializations/frontend/vue-component-architecture-planning.js |\n| Cross-Referencing Skill Composition | NEW | Conditional skill loading based on project detection and architecture | - | specializations/shared/cross-referencing-skill-composition.js |\n\n## Plugin Marketplace Mapping\n\n| Plugin Idea | Marketplace Status | Action | Existing Plugin | Target Placement |\n|-------------|-------------------|--------|-----------------|------------------|\n| Framework Detection | NEW | Auto-detect frontend framework and load appropriate domain skills | - | plugins/a5c/marketplace/plugins/framework-detection/ |\n| Vue DevTools Integration | NEW | Vue browser development tools API integration for debugging and profiling | - | plugins/a5c/marketplace/plugins/vue-devtools-integration/ |\n",
    "documents": []
  },
  "outgoingEdges": [],
  "incomingEdges": [
    {
      "from": "page:docs-reference-repos",
      "to": "page:docs-reference-repos-vuejs-ai-skills-research",
      "kind": "contains_page"
    }
  ]
}