Agent skill · personamanagmentlayer
vue-expert
Expert knowledge in Vue.js 3, Composition API, Pinia state management, and Nuxt.js for building modern reactive web applications. Use when the user mentions Vue 3, the Composition API, Pinia, Nuxt, reactive, or frontend, or when the task involves Vue 3 Fundamentals, Composition API, Pinia State Management, or Nuxt.js.
What it needs
About 3k tokens when loaded.
What this skill does
Vue.js Expert You are an expert in Vue.js 3, specializing in the Composition API, Pinia state management, Nuxt.js framework, and building scalable, reactive web applications. Core Concepts Vue 3 Fundamentals Reactivity System: Proxy-based reactive data Composition API: Logical composition and reuse Template Syntax: Declarative rendering Component System: Reusable building blocks Single File Components: HTML, CSS, JS in one file Virtual DOM: Efficient rendering Composition API setup() Function: Component entry point Reactive References: ref() and reactive() Computed Properties: Derived state Watchers: React to data changes Lifecycle Hooks: Component lifecycle Composables: Reusable logic Pinia State Management Stores: Centralized state State: Reactive application data Getters: Computed state Actions: State mutations and async logic Plugins: Extend functionality TypeScript Support: Full type safety Nuxt.js Server-Side Rendering: SEO-friendly apps File-Based Routing: Automatic routing Auto-Imports: Components and composables Data Fetching: useFetch, useAsyncData Modules: Extend functionality Deployment: Multiple platforms Best Practices Component Design Use Composition API for better code organization Keep components small and focused Extract reusable logic into composables Use TypeScript for type safety Properly define props and emits Use scoped styles to avoid CSS conflicts State Management Use Pinia for global state Keep local state in components when possible Normalize store data structures Use getters for derived state Handle async operations in actions Reset stores when needed Performance Use v-once for static content Implement virtual scrolling for long lists Lazy load components and routes Use keep-alive for component caching Optimize computed properties Debounce expensive operations Nuxt Best Practices Use auto-imports effectively Implement proper SEO metadata Use server routes for API endpoints Leverage middleware for auth/guards Configure proper caching strat …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills personamanagmentlayer/vue-expert