# vue-expert-js

> Creates Vue 3 components, builds vanilla JS composables, configures Vite projects, and sets up routing and state manage…

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.

- Type: Skill
- Made by: Jeffallan
- Category: Developer tools
- Formats: Skills
- Version: 1.1.0
- Source: https://github.com/jeffallan/claude-skills/tree/HEAD/skills/vue-expert-js
- Page: https://pluginboard.ai/skills/vue-expert-js

## Works with

- ChatGPT
- Claude
- Gemini
- GitHub Copilot
- Cursor
- Claude Code
- Codex
- Antigravity
- Gemini CLI
- Replit
- OpenClaw
- OpenCode
- Hermes Agent

## Install

### ChatGPT

In ChatGPT: Download the vue-expert-js folder and zip it, then Plugins → Skills → Create → Upload from your computer. Business and Enterprise plans.

View the folder on GitHub: https://github.com/Jeffallan/claude-skills/tree/HEAD/skills/vue-expert-js

### Claude

In Claude (web or desktop): Download the vue-expert-js folder and zip the folder itself, then upload it in Customize → Skills.

View the folder on GitHub: https://github.com/Jeffallan/claude-skills/tree/HEAD/skills/vue-expert-js

### Gemini

In Gemini: Download the vue-expert-js folder, then at gemini.google.com click Customize → Skills → Create → Upload and pick the folder (or a .zip of it).

View the folder on GitHub: https://github.com/Jeffallan/claude-skills/tree/HEAD/skills/vue-expert-js

### GitHub Copilot

Run in your terminal:

```shell
npx -y degit Jeffallan/claude-skills/skills/vue-expert-js ~/.copilot/skills/vue-expert-js
```

View the folder on GitHub: https://github.com/Jeffallan/claude-skills/tree/HEAD/skills/vue-expert-js

### Cursor

Run in your terminal:

```shell
npx -y degit Jeffallan/claude-skills/skills/vue-expert-js ~/.cursor/skills/vue-expert-js
```

View the folder on GitHub: https://github.com/Jeffallan/claude-skills/tree/HEAD/skills/vue-expert-js

### Claude Code

Run in your terminal:

```shell
npx -y degit Jeffallan/claude-skills/skills/vue-expert-js ~/.claude/skills/vue-expert-js
```

View the folder on GitHub: https://github.com/Jeffallan/claude-skills/tree/HEAD/skills/vue-expert-js

Or all of Fullstack Dev Skills, in Claude Code:

```text
/plugin marketplace add Jeffallan/claude-skills
/plugin install fullstack-dev-skills@fullstack-dev-skills
```

### Codex

Run in your terminal:

```shell
npx -y degit Jeffallan/claude-skills/skills/vue-expert-js ~/.agents/skills/vue-expert-js
```

View the folder on GitHub: https://github.com/Jeffallan/claude-skills/tree/HEAD/skills/vue-expert-js

### Antigravity

In Antigravity: Copy the vue-expert-js folder into ~/.gemini/config/skills (Antigravity app and IDE) or ~/.gemini/antigravity-cli/skills (Antigravity CLI).

View the folder on GitHub: https://github.com/Jeffallan/claude-skills/tree/HEAD/skills/vue-expert-js

### Gemini CLI

Run in your terminal:

```shell
npx -y degit Jeffallan/claude-skills/skills/vue-expert-js ~/.gemini/skills/vue-expert-js
```

View the folder on GitHub: https://github.com/Jeffallan/claude-skills/tree/HEAD/skills/vue-expert-js

### Replit

Run in your terminal:

```shell
npx -y degit Jeffallan/claude-skills/skills/vue-expert-js .agents/skills/vue-expert-js
```

View the folder on GitHub: https://github.com/Jeffallan/claude-skills/tree/HEAD/skills/vue-expert-js

### OpenClaw

Run in your terminal:

```shell
npx -y degit Jeffallan/claude-skills/skills/vue-expert-js ~/.openclaw/skills/vue-expert-js
```

View the folder on GitHub: https://github.com/Jeffallan/claude-skills/tree/HEAD/skills/vue-expert-js

### OpenCode

Run in your terminal:

```shell
npx -y degit Jeffallan/claude-skills/skills/vue-expert-js ~/.config/opencode/skills/vue-expert-js
```

View the folder on GitHub: https://github.com/Jeffallan/claude-skills/tree/HEAD/skills/vue-expert-js

### Hermes Agent

Run in your terminal:

```shell
npx -y degit Jeffallan/claude-skills/skills/vue-expert-js ~/.hermes/skills/vue-expert-js
```

View the folder on GitHub: https://github.com/Jeffallan/claude-skills/tree/HEAD/skills/vue-expert-js

---
From Pluginboard (https://pluginboard.ai).