vue-jsx-best-practices

verified

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

View on GitHub

Marketplace

vue-skills

vuejs-ai/skills

Plugin

vue-testing-best-practices

Repository

vuejs-ai/skills

1.3kstars

skills/vue-jsx-best-practices/SKILL.md

Last Verified

February 1, 2026

Install Skill

Select agents to install to:

Scope:

npx add-skill https://github.com/vuejs-ai/skills/blob/main/skills/vue-jsx-best-practices/SKILL.md -a claude-code --skill vue-jsx-best-practices

Installation paths:

Claude

.claude/skills/vue-jsx-best-practices/

Instructions

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)

Validation Details

Front Matter

Required Fields

Valid Name Format

Valid Description

Has Sections

Allowed Tools

Instruction Length:

217 chars