II.
Page overview
Reference · livepage:docs-reference-repos-vuejs-ai-skills-research
vuejs-ai/skills overview
Inspect the raw attributes, linked wiki pages, and inbound or outbound graph edges for page:docs-reference-repos-vuejs-ai-skills-research.
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
# vuejs-ai/skills
- **Archetype**: domain-skill-pack
- **Stars**: 2,187
- **Last pushed**: 2026-03-26
- **License**: MIT
- **Discovered**: 2026-04-12
- **Skills found**: 8
## Summary
Official-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).
## Assessment
Strong 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.
## Extraction Priority
- Medium
- 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.
## Processes
### 1. Vue.js Project Quality Audit
- **Source skills**: vue-best-practices, vue-testing-best-practices, vue-debug-guides
- **Placement**: `specializations/frontend/vue-project-quality-audit.js`
- **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.
### 2. Vue.js Composable Design
- **Source skills**: create-adaptable-composable
- **Placement**: `specializations/frontend/vue-composable-design.js`
- **Description**: Process for designing reusable Vue composables: identify shared logic -> extract composable -> ensure reactivity correctness -> add TypeScript types -> write tests.
## Plugin Ideas
- **Framework Detection plugin**: Auto-detect frontend framework (Vue/React/Svelte/Angular) and load appropriate domain skills for quality audits. Category: DevX.
## Patterns
- Cross-referencing skill composition (main skill conditionally loads sub-skills based on project detection)
- Reference-file architecture with mandatory reading at task start
- "Confirm architecture before coding" as required first step
- Versioned skill metadata with semver
- Ecosystem coverage pattern: core + router + state + testing + variants
- Component boundary planning as mandatory pre-implementation step
## Library Mapping
| Extractable Process | Library Status | Action | Existing Path | Target Placement |
|-------------------|----------------|--------|---------------|------------------|
| Vue.js Project Quality Audit | NEW | Comprehensive Vue 3 project audit with Composition API and ecosystem patterns | - | specializations/frontend/vue-project-quality-audit.js |
| Vue.js Composable Design | NEW | Reusable Vue composable design with reactivity and TypeScript patterns | - | specializations/frontend/vue-composable-design.js |
| Vue Debugging Methodology | NEW | Structured Vue.js debugging guide with reactive system troubleshooting | - | specializations/frontend/vue-debugging-methodology.js |
| Vue Router Best Practices Implementation | NEW | Vue Router configuration and navigation patterns for SPAs | - | specializations/frontend/vue-router-implementation.js |
| Pinia State Management Patterns | NEW | Vue state management with Pinia store design and optimization | - | specializations/frontend/pinia-state-management.js |
| Vue Testing Strategy | NEW | Vue component testing with Vue Test Utils and ecosystem testing patterns | - | specializations/frontend/vue-testing-strategy.js |
| Vue Component Architecture Planning | NEW | Component boundary planning and architecture confirmation process | - | specializations/frontend/vue-component-architecture-planning.js |
| Cross-Referencing Skill Composition | NEW | Conditional skill loading based on project detection and architecture | - | specializations/shared/cross-referencing-skill-composition.js |
## Plugin Marketplace Mapping
| Plugin Idea | Marketplace Status | Action | Existing Plugin | Target Placement |
|-------------|-------------------|--------|-----------------|------------------|
| Framework Detection | NEW | Auto-detect frontend framework and load appropriate domain skills | - | plugins/a5c/marketplace/plugins/framework-detection/ |
| Vue DevTools Integration | NEW | Vue browser development tools API integration for debugging and profiling | - | plugins/a5c/marketplace/plugins/vue-devtools-integration/ |
documents
[]
Outgoing edges
None.
Incoming edges
contains_page1
- page:docs-reference-repos·PageReference Repos