role-frontend:vue-expert

Vue.js expertise including Composition API, Pinia state management, Nuxt.js 3, Vue Router, custom directives, provide/inject patterns, transition system, and Volar tooling configuration.

rnavarych/alpha-engineer·0installs15starsMarketing

SKILL.md

Full skill instructions

Vue Expert

When to use

Building or reviewing Vue 3 single-file components with <script setup>
Choosing between ref/reactive/computed/watch for state and derived values
Designing Pinia stores or migrating from Vuex
Setting up Vue Router with guards, nested routes, and lazy loading
Working with Nuxt 3 — data fetching, server routes, middleware, SEO
Implementing typed composables, generic components, or provide/inject
Debugging reactivity loss, performance bottlenecks, or transition behavior

Core principles

<script setup> always — less boilerplate, better TypeScript inference, no option to go back
ref for primitives, reactive for objects — never destructure reactive; use toRefs()
computed over watch for derived state — synchronous derivations should never need watchers
Domain stores, not type stores — useCartStore, useAuthStore; not useArrayStore
storeToRefs() for reactive destructuring — functions can be destructured directly

Reference Files

references/composition-api-reactivity.md — ref/reactive/toRefs, computed, watch/watchEffect, script setup macros (defineProps, defineEmits, defineModel, defineExpose), composables, shallowRef, defineAsyncComponent
references/pinia-vue-router.md — Pinia setup vs options syntax, storeToRefs, persistence, store composition, Vue Router named routes, guards, scroll behavior, composable testing, createTestingPinia
references/nuxt3-typescript-directives.md — Nuxt 3 useFetch/useAsyncData, server routes, middleware, runtime config, typed composables, generic components, InjectionKey, custom directives, transition system, anti-patterns

Install skill

Copy and run in your terminal

npx -y skills add https://github.com/rnavarych/alpha-engineer --skill vue-expert

View on GitHub

plugins/roles/role-frontend/skills/vue-expert/SKILL.md

More Marketing skills

View all

Marketing

copywriting

Marketing copy for homepages, landing pages, pricing pages, and other conversion-focused web pages.

53.3K 216.1K

View

Marketing

flux-2-klein

Fast image generation with Flux 2 Klein, optimized for sub-second iteration and multi-reference brand styling.

52 176.2K

View

Marketing

marketing-psychology

Psychological principles and mental models for understanding customer behavior and influencing marketing decisions.

53.3K 153K

View

Marketing

content-strategy

Plan searchable and shareable content that drives traffic, builds authority, and generates leads.

53.3K 150.9K

View

Marketing

programmatic-seo

Build SEO-optimized pages at scale using templates, data, and proven playbook patterns.

53.3K 140.1K

View

Marketing

marketing-ideas

Brainstorm and prioritize marketing strategies tailored to your SaaS stage, budget, and goals.

53.3K 137.2K

View

Marketing

ai-seo

Optimize content for discovery, citation, and visibility across AI search platforms and LLM assistants.

53.3K 136.7K

View

Marketing

copy-editing

Systematic improvement of existing marketing copy through seven focused editing passes.

53.3K 136.4K

View

Marketing

site-architecture

Plan and optimize your website's page hierarchy, navigation, URL structure, and internal linking.

53.3K 112.8K

View

Marketing

revops

Design and optimize systems connecting marketing, sales, and customer success into a unified revenue engine.

53.3K 104.9K

View

Marketing

Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.

179.7K 100.1K

View