How does it handle reactivity without TypeScript?

It implements the Vue 3 Composition API using and standard JavaScript reactivity primitives (ref, reactive) following senior-level best practices.

Why use JSDoc instead of TypeScript with Vue?

JSDoc provides IDE type-hinting and documentation benefits without the need for a complex TypeScript compilation step, which is ideal for certain project architectures.

Can this skill help migrate Vue 2 projects?

Yes, it is excellent for migrating legacy Vue 2 Options API code to the Vue 3 Composition API using modern JavaScript.

Does this skill support TypeScript?

No, this skill is specifically optimized for JavaScript-only environments. It uses JSDoc for type safety instead of TypeScript syntax.

Vue JavaScript Expert

Name: Vue JavaScript Expert
Author: Jeffallan

byJeffallan

•

디자인 도구

Builds modern Vue 3 applications using pure JavaScript and JSDoc for type safety without the overhead of TypeScript.

This skill transforms Claude into a senior frontend engineer specialized in the Vue 3 Composition API using vanilla JavaScript. It is designed for developers who prefer the flexibility of JavaScript over TypeScript but still require robust type safety through JSDoc annotations. It is particularly useful for teams managing legacy migrations, projects that need to avoid complex build-step configurations, or developers who want to leverage modern Vue patterns like <script setup> and ESM modules in a pure JS environment.

주요 기능

01Native Vue 3 Composition API implementation using vanilla JavaScript.

02Seamless integration of ESM and .mjs module patterns.

0349 GitHub stars

04Standardized implementation of Pinia and Vue Router 4 in JS contexts.

05Comprehensive JSDoc type-hinting for IDE support and code reliability.

06Expert guidance on migrating Vue 2 Options API to modern Vue 3 JS patterns.

사용 사례

01Developing production-grade Vue 3 apps where TypeScript is not desired or permitted.

02Adding structural type safety to existing JavaScript Vue codebases using JSDoc.

03Rapidly prototyping Vue components without the friction of TypeScript compilation.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add jeffallan/claude-skills vue-expert-js

For use in Claude.ai and ChatGPT

Download Skill