skilld-devskilld-devOfficialยท33 Agent Skills Included

vue-ecosystem-skills

Version-aware best practices for the Vue ecosystem

Delivers up-to-date API changes and best practices for 33 Vue ecosystem libraries including Vue, Pinia, Vue Router, VueUse, Reka UI, and TanStack. Eliminates outdated code suggestions and deprecated patterns caused by stale training data. Built from real docs, GitHub issues, and changelogs so generated code always matches the latest package versions.
npx skills add skilld-dev/vue-ecosystem-skills --all -g -y

All Skills in This Repository (33)

Pure Emerald Level Indicators
๐Ÿ“ฆ In Repo
skilld-devskilld-dev

reka-ui-skilld

Provide Vue bindings for Radix UI primitives like Dialog, Menu, and Popover.

Official
Intermediate
๐Ÿ“ฆ In Repo
skilld-devskilld-dev

vee-validate-skilld

Integrate vee-validate with toTypedSchema for typed Vue 3 form validation.

Official
Advanced
๐Ÿ“ฆ In Repo
skilld-devskilld-dev

unovis-vue-skilld

Provide modular Vue charting components for data visualization across multiple frameworks.

Official
Advanced
๐Ÿ“ฆ In Repo
skilld-devskilld-dev

vue-data-ui-skilld

Extract and summarize Vue Data UI concepts, components, and version-specific changes.

Official
Intermediate
๐Ÿ“ฆ In Repo
skilld-devskilld-dev

vueuse-components-skilld

Create renderless VueUse component wrappers for debugging and customization.

Official
Intermediate
๐Ÿ“ฆ In Repo
skilld-devskilld-dev

tanstack-vue-table-skilld

Integrate TanStack Vue Table into Vue 3 apps with sorting, filtering, pagination, and grouping.

Official
Intermediate
๐Ÿ“ฆ In Repo
skilld-devskilld-dev

vitepress-skilld

Configure VitePress routing, markdown extensions, and theming for Vue projects.

Official
Advanced
๐Ÿ“ฆ In Repo
skilld-devskilld-dev

motion-v-skilld

Provides up-to-date Motion for Vue debugging and development guidance from official sources.

Official
Advanced
๐Ÿ“ฆ In Repo
skilld-devskilld-dev

tanstack-vue-query-skilld

Implement TanStack Vue Query patterns in Vue 3 applications with TypeScript.

Official
Advanced
๐Ÿ“ฆ In Repo
skilld-devskilld-dev

tanstack-vue-store-skilld

Identify best practices for applying TanStack Store's Vue adapter in Vue projects.

Official
Intermediate
๐Ÿ“ฆ In Repo
skilld-devskilld-dev

unhead-vue-skilld

Automate Vue head management tasks for @unhead/vue integration.

Official
Advanced
๐Ÿ“ฆ In Repo
skilld-devskilld-dev

tanstack-vue-router-skilld

Architect Vue applications with type-safe TanStack Vue Router routing.

Official
Intermediate

Frequently Asked Questions

FAQPage Schema
How to install vue-ecosystem-skills?โ–ผ

Run `npx skills add skilld-dev/vue-ecosystem-skills --all -g -y` in your terminal to install all 33 Vue ecosystem skills globally.

Why does my AI write outdated Vue code?โ–ผ

Language models often miss recent releases like Vue 3.5+, Pinia v3, and Vue Router v5. These skills inject version-specific API changes and best practices so your agent uses current patterns instead of deprecated ones.

Which Vue libraries are covered?โ–ผ

The suite covers 33 packages including Vue core, Pinia, Vue Router, VueUse, Reka UI, shadcn-vue, Vuetify, PrimeVue, Quasar, TanStack Vue libraries, VeeValidate, FormKit, vue-i18n, VitePress, and TresJS.

Does it work with Claude Code and Cursor?โ–ผ

Yes. All skills follow the universal SKILL.md standard and work in Claude Code, Cursor, OpenClaw, and other compatible coding agents.

Where does the guidance come from?โ–ผ

Every skill is generated from real sources: official documentation, GitHub issues, discussions, and release changelogs, with source links for each recommendation.

Related Repositories in Software Engineering

View All in Software Engineeringโ†’