Stats
Actions
Tags
'%20stop-opacity%3D'0.16'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'rgb(200%2C90%2C60)'%20stop-opacity%3D'0.03'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D'320'%20height%3D'200'%20fill%3D'url(%23g)'%2F%3E%3Ccircle%20cx%3D'250'%20cy%3D'56'%20r%3D'92'%20fill%3D'rgb(200%2C90%2C60)'%20fill-opacity%3D'0.06'%2F%3E%3Ccircle%20cx%3D'64'%20cy%3D'172'%20r%3D'58'%20fill%3D'rgb(200%2C90%2C60)'%20fill-opacity%3D'0.05'%2F%3E%3C%2Fsvg%3E)
From hyf0-vue-skills-1
Teaches JSX syntax in Vue, including attribute differences (class vs className) and JSX plugin configuration for migrating from React.
How this skill is triggered — by the user, by Claude, or both
Slash command
/hyf0-vue-skills-1:vue-jsx-best-practicesThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Vue JSX best practices and differences from React JSX.
Vue JSX best practices and differences from React JSX.
npx claudepluginhub vuejs-ai/skills3plugins reuse this skill
First indexed Jun 27, 2026
Builds Vue components with the Composition API, reactivity system (ref, reactive, computed, watch), and TypeScript. Activates when working on .vue files or Vue-specific patterns.
Enforces Vue 3 best practices: Composition API with `<script setup>` and TypeScript, SFC structure, reactivity patterns, and component architecture. Loads for any Vue, .vue, Vue Router, Pinia, or Vite+Vue work.
Delivers Vue 3 best practices for Composition API script setup, composables, ref/reactive patterns, Pinia state management, and Nuxt apps. Activates on .vue files and Vue triggers.