Is TypeScript required to use this skill?

While not strictly required, the skill is optimized for TypeScript and provides typed props, emits, and route parameters by default to ensure code robustness.

How does it handle state management?

It uses Pinia as the primary state management solution, specifically recommending the 'setup store' style to maintain consistency with the Composition API mental model.

Does it include testing recommendations?

Yes, it recommends using @vue/test-utils with Vitest for unit and integration testing of components and composables.

Does this skill support the Options API?

This skill focuses on modern Vue 3 best practices using the Composition API and . While it can assist in migrating Options API code, it defaults to modern patterns for all new development.

Can I use this for Nuxt.js projects?

Yes, the skill includes logic for handling Server-Side Rendering (SSR) contexts and addresses differences in lifecycle hooks like onMounted for Nuxt compatibility.

Vue 3 Composition Expert

Name: Vue 3 Composition Expert
Author: victorzhuk

byvictorzhuk

0•

디자인 도구

Streamlines Vue 3 development using the Composition API, TypeScript, and Pinia to build scalable, high-performance single-page applications.

This skill transforms Claude into a specialized Vue.js developer focused on modern best practices and the Composition API. It enforces the use of the <script setup> syntax, typed props/emits, and specialized state management via Pinia setup stores. Whether you are building complex SPAs from scratch or migrating legacy Options API codebases, this skill provides precise guidance on reactivity patterns, composable extraction, and performance optimization techniques like memoization and shallow references.

주요 기능

01Ensures type safety with literal defineProps and defineEmits declarations

02Develops reusable logic via custom Vue composables and utility functions

030 GitHub stars

04Implements modern <script setup> syntax with full TypeScript support

05Optimizes application performance using v-memo, v-once, and shallowRef

06Architects reactive state management using Pinia setup store patterns

사용 사례

01Migrating legacy Options API and Vuex codebases to Vue 3 and Pinia

02Optimizing rendering performance for data-intensive frontend applications

03Architecting scalable component libraries with typed interfaces

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add victorzhuk/go-ent lang

For use in Claude.ai and ChatGPT