Zum Hauptinhalt springen
Dieser Inhalt ist noch nicht in Ihrer Sprache verfügbar und wird auf Englisch angezeigt.

Vue Expert Js

Skill Verifiziert Aktiv

Creates Vue 3 components, builds vanilla JS composables, configures Vite projects, and sets up routing and state management using JavaScript only — no TypeScript. Generates JSDoc-typed code with @typedef, @param, and @returns annotations for full type coverage without a TS compiler. Use when building Vue 3 applications with JavaScript only (no TypeScript), when projects require JSDoc-based type hints, when migrating from Vue 2 Options API to Composition API in JS, or when teams prefer vanilla JavaScript, .mjs modules, or need quick prototypes without TypeScript setup.

Zweck

To enable developers to build Vue 3 applications with JavaScript and JSDoc, providing robust type safety and best practices without the overhead of TypeScript.

Funktionen

  • Vue 3 component generation with JSDoc props/emits
  • Vanilla JS composable creation with JSDoc
  • Vite project configuration guidance
  • Routing and state management patterns in JS
  • JSDoc-based type coverage without TypeScript

Anwendungsfälle

  • Building Vue 3 applications using only JavaScript
  • Requiring JSDoc-based type hints in projects
  • Migrating from Vue 2 Options API to Composition API in JS
  • Teams preferring vanilla JavaScript or needing quick prototypes without TS setup

Nicht-Ziele

  • Using TypeScript syntax or files
  • Providing code examples in TypeScript
  • Handling CommonJS `require()` in Vue files
  • Skipping JSDoc types for public APIs

Installation

Zuerst Marketplace hinzufügen

/plugin marketplace add jeffallan/claude-skills
/plugin install claude-skills@fullstack-dev-skills

Qualitätspunktzahl

Verifiziert
97 /100
Analysiert about 23 hours ago

Vertrauenssignale

Letzter Commit13 days ago
Sterne9k
LizenzMIT
Status
Quellcode ansehen

Ähnliche Erweiterungen

Vue Expert

97

Builds Vue 3 components with Composition API patterns, configures Nuxt 3 SSR/SSG projects, sets up Pinia stores, scaffolds Quasar/Capacitor mobile apps, implements PWA features, and optimises Vite builds. Use when creating Vue 3 applications with Composition API, writing reusable composables, managing state with Pinia, building hybrid mobile apps with Quasar or Capacitor, configuring service workers, or tuning Vite configuration and TypeScript integration.

Skill
jeffallan

Layout Audit

100

Layout and spacing audit covering grid, spacing consistency, density, responsive behavior

Skill
Aboudjem

Vue Router Best Practices

100

Vue Router 4 patterns, navigation guards, route params, and route-component lifecycle interactions.

Skill
hyf0

Develop Web Game

100

Use when Codex is building or iterating on a web game (HTML/JS) and needs a reliable development + testing loop: implement small changes, run a Playwright-based test script with short input bursts and intentional pauses, inspect screenshots/text, and review console errors with render_game_to_text.

Skill
davila7

Vue Best Practices

99

MUST be used for Vue.js tasks. Strongly recommends Composition API with `<script setup>` and TypeScript as the standard approach. Covers Vue 3, SSR, Volar, vue-tsc. Load for any Vue, .vue files, Vue Router, Pinia, or Vite with Vue work. ALWAYS use Composition API unless the project explicitly requires Options API.

Skill
hyf0

React Modernization

99

Upgrade React applications to latest versions, migrate from class components to hooks, and adopt concurrent features. Use when modernizing React codebases, migrating to React Hooks, or upgrading to latest React versions.

Skill
wshobson