Description
vue-patterns is an agent skill from the ECC collection by affaan-m, listed on skills.sh. It is a guide to Vue.js 3 development with the Composition API and script setup. It covers component design and architecture with a feature-first project layout, reactivity practice, composables, state management with Pinia, navigation with Vue Router, testing, and SSR patterns. Nuxt-specific guidance is included where Nuxt differs from plain Vue. The skill applies when a project uses Vue, Nuxt, Vite with Vue or Pinia, when a person asks about component architecture, composables, reactivity or state, when reviewing single-file components, when setting up Vue Router, Pinia stores or Vite and Vitest configuration, and when discussing Vue performance, security or SSR. A skill is a SKILL.md file of instructions that an AI agent loads when a task calls for it. It is free and open source, and the skills.sh listing shows all three security audits passing.…
Highlights
- Composition API with script setup
- Feature-first project layout
- Pinia state and Vue Router
- Nuxt SSR notes where they differ
Ratings & Reviews
No ratings yet
Be the first to rate vue-patterns.
People also visit
vue-patterns FAQ
What does the vue-patterns skill do?
It guides an agent in building and reviewing Vue 3 apps with the Composition API, covering components, reactivity, Pinia, routing, testing and SSR.
Does it cover Nuxt?
Yes. Nuxt-specific guidance is included where it differs from vanilla Vue.
What project layout does it recommend?
A feature-first layout.
How do I install it?
Run: npx skills add https://github.com/affaan-m/ecc --skill vue-patterns
Is it free?
Yes. It is free and open source.
Are there security findings?
The skills.sh listing shows Gen Agent Trust Hub, Socket and Snyk all passing.
What are the best vue-patterns alternatives?
Popular alternatives to vue-patterns include nuxt4-patterns, vue-expert and ui-to-vue. See all vue-patterns alternatives