vuejs-ai / vue-jsx-best-practices

Install for your project team

Run this command in your project directory to install the skill for your entire team:

mkdir -p .claude/skills/vue-jsx-best-practices && curl -L -o skill.zip "https://fastmcp.me/Skills/Download/1181" && unzip -o skill.zip -d .claude/skills/vue-jsx-best-practices && rm skill.zip

New-Item -Path ".claude/skills/vue-jsx-best-practices" -ItemType Directory -Force; Invoke-WebRequest -Uri "https://fastmcp.me/Skills/Download/1181" -OutFile "skill.zip"; Expand-Archive -Path "skill.zip" -DestinationPath ".claude/skills/vue-jsx-best-practices" -Force; Remove-Item "skill.zip"

Project Skills

This skill will be saved in .claude/skills/vue-jsx-best-practices/ and checked into git. All team members will have access to it automatically.

Important: Please verify the skill by reviewing its instructions before using it.

Install skill for Codex

Run one of these commands to install the skill depending on your needs:

Project Local ($CWD/.codex/skills)

mkdir -p .codex/skills/vue-jsx-best-practices && curl -L -o skill.zip "https://fastmcp.me/Skills/Download/1181" && unzip -o skill.zip -d .codex/skills/vue-jsx-best-practices && rm skill.zip

New-Item -Path ".codex/skills/vue-jsx-best-practices" -ItemType Directory -Force; Invoke-WebRequest -Uri "https://fastmcp.me/Skills/Download/1181" -OutFile "skill.zip"; Expand-Archive -Path "skill.zip" -DestinationPath ".codex/skills/vue-jsx-best-practices" -Force; Remove-Item "skill.zip"

User Global (~/.codex/skills)

mkdir -p ~/.codex/skills/vue-jsx-best-practices && curl -L -o skill.zip "https://fastmcp.me/Skills/Download/1181" && unzip -o skill.zip -d ~/.codex/skills/vue-jsx-best-practices && rm skill.zip

New-Item -Path "$HOME/.codex/skills/vue-jsx-best-practices" -ItemType Directory -Force; Invoke-WebRequest -Uri "https://fastmcp.me/Skills/Download/1181" -OutFile "skill.zip"; Expand-Archive -Path "skill.zip" -DestinationPath "$HOME/.codex/skills/vue-jsx-best-practices" -Force; Remove-Item "skill.zip"

Scope	Location	Suggested Use
REPO	`$CWD/.codex/skills`	Project directory. Teams can check in skills most relevant to a working folder here.
REPO	`$CWD/../.codex/skills`	A folder above CWD. Organizations can check in skills relevant to a shared area.
REPO	`$REPO_ROOT/.codex/skills`	Top-most root folder. Relevant to everyone using the repository.
USER	`$CODEX_HOME/skills`	Personal folder (`~/.codex/skills`). Curate skills that apply to any repository.

Install skill for GitHub Copilot

Run one of these commands to install the skill depending on your needs:

Project (.github/skills)

mkdir -p .github/skills/vue-jsx-best-practices && curl -L -o skill.zip "https://fastmcp.me/Skills/Download/1181" && unzip -o skill.zip -d .github/skills/vue-jsx-best-practices && rm skill.zip

New-Item -Path ".github/skills/vue-jsx-best-practices" -ItemType Directory -Force; Invoke-WebRequest -Uri "https://fastmcp.me/Skills/Download/1181" -OutFile "skill.zip"; Expand-Archive -Path "skill.zip" -DestinationPath ".github/skills/vue-jsx-best-practices" -Force; Remove-Item "skill.zip"

Personal (~/.copilot/skills)

mkdir -p ~/.copilot/skills/vue-jsx-best-practices && curl -L -o skill.zip "https://fastmcp.me/Skills/Download/1181" && unzip -o skill.zip -d ~/.copilot/skills/vue-jsx-best-practices && rm skill.zip

New-Item -Path "$HOME/.copilot/skills/vue-jsx-best-practices" -ItemType Directory -Force; Invoke-WebRequest -Uri "https://fastmcp.me/Skills/Download/1181" -OutFile "skill.zip"; Expand-Archive -Path "skill.zip" -DestinationPath "$HOME/.copilot/skills/vue-jsx-best-practices" -Force; Remove-Item "skill.zip"

Scope	Location	Suggested Use
Project	`.github/skills/`	Repository-specific skills. Checked into git for the whole team.
Personal	`~/.copilot/skills/`	Personal skills available across all your projects.

Install skill for Google Antigravity

Run one of these commands to install the skill depending on your needs:

Workspace (.agent/skills)

mkdir -p .agent/skills/vue-jsx-best-practices && curl -L -o skill.zip "https://fastmcp.me/Skills/Download/1181" && unzip -o skill.zip -d .agent/skills/vue-jsx-best-practices && rm skill.zip

New-Item -Path ".agent/skills/vue-jsx-best-practices" -ItemType Directory -Force; Invoke-WebRequest -Uri "https://fastmcp.me/Skills/Download/1181" -OutFile "skill.zip"; Expand-Archive -Path "skill.zip" -DestinationPath ".agent/skills/vue-jsx-best-practices" -Force; Remove-Item "skill.zip"

Global (~/.gemini/antigravity/skills)

mkdir -p ~/.gemini/antigravity/skills/vue-jsx-best-practices && curl -L -o skill.zip "https://fastmcp.me/Skills/Download/1181" && unzip -o skill.zip -d ~/.gemini/antigravity/skills/vue-jsx-best-practices && rm skill.zip

New-Item -Path "$HOME/.gemini/antigravity/skills/vue-jsx-best-practices" -ItemType Directory -Force; Invoke-WebRequest -Uri "https://fastmcp.me/Skills/Download/1181" -OutFile "skill.zip"; Expand-Archive -Path "skill.zip" -DestinationPath "$HOME/.gemini/antigravity/skills/vue-jsx-best-practices" -Force; Remove-Item "skill.zip"

Scope	Location	Suggested Use
Workspace	`.agent/skills/`	Workspace-specific skills for project workflows and conventions.
Global	`~/.gemini/antigravity/skills/`	Personal skills available across all workspaces.

JSX syntax in Vue (e.g., class vs className, JSX plugin config).

Coding

0 views

0 installs

Tools I Recommend

ClaudeKit

Sponsor

Production-ready AI subagents automate your development & marketing workflows. Build in hours, not weeks.

Source: https://github.com/vuejs-ai/skills/tree/main/skills/vue-jsx-best-practices

Skill Content

---
name: vue-jsx-best-practices
description: JSX syntax in Vue (e.g., class vs className, JSX plugin config).
version: 2.0.0
license: MIT
author: github.com/vuejs-ai
---

Vue JSX best practices and differences from React JSX.

### JSX
- Migrating React JSX code to Vue or getting attribute type errors → See [render-function-jsx-vue-vs-react](reference/render-function-jsx-vue-vs-react.md)

vuejs-ai / vue-jsx-best-practices

Install for your project team

Download skill

Enable skills in Claude

Upload to Claude

Install skill for Codex

Install skill for GitHub Copilot

Install skill for Google Antigravity

Tools I Recommend

ClaudeKit

Skill Content