vue3-frontend

Comprehensive Vue 3 frontend development skill. Use when developing Vue 3 applications, components, or composables. Covers: (1) Creating new Vue 3 projects and components, (2) Vue 2 to Vue 3 migration, (3) Code review and optimization, (4) Composition API implementation, (5) Best practices and common patterns, (6) TypeScript integration, (7) State management with Pinia, (8) Performance optimization. Includes component templates, composable examples, migration guides, and best practices documentation.

eva813

SKILL.md

Name

vue3-frontend

Description

Vue 3 Skills Library

A learning resource library for Vue 3 skills and best practices.

📁 Project Structure

myVueSkill/
├── skill.md              # Skills documentation
├── assets/               # Resources
│   ├── component-templates/     # Component templates
│   │   ├── BasicComponent.vue
│   │   ├── DataTable.vue
│   │   └── Modal.vue
│   └── composable-templates/    # Composable templates
│       ├── useFatch.js
│       └── useLocalStorage.js
└── references/           # Reference documents
    ├── best-practices.md        # Best practices
    ├── common-patterns.md       # Common patterns
    ├── composition-api.md       # Composition API guide
    └── migration-guide.md       # Migration guide

📚 Contents

Component Templates: Template implementations of commonly used Vue 3 components
Composable Templates: Composition API utility functions
Reference Documents: Vue 3 best practices and pattern guides

🚀 Getting Started

Check the skill.md file for more information.

📖 Resources

Vue 3 Official Documentation
Composition API Guide
Common patterns and best practices
anthropics claude-code
anthropics skills
vercel agent-skills