Skip to content
Frontend
Skill

/vue-jsx-best-practices

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

BOOST
@vuejs-aivuejs-ai@vuejs-ai
From plugin
skills
3.2k8 skills

Claude Code

$ npx -y skills add vuejs-ai/skills --skill vue-jsx-best-practices --agent claude-code

SKILL.md

vue-jsx-best-practices.SKILL.md
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)
Read it on GitHub ↗
Stats
TypeScriptJavaScriptReactVueBashGitHubPlaywrightVitestAnthropicVite
3,328
Stars
198
Forks
Active
Maintenance
MIT
License
Last commit
Created
Added

Repo: vuejs-ai/skills

In this plugin
8 skills
See everything inside
@vuejs-ai
Ships withskills

Agent skills for Vue 3 development. 🚧 Early Experiment / Community Project This repository is an early experiment in creating specialized skills for AI agents to enhance Vue 3 development.

3.2k8 skills
Get the whole plugin

Stars on GitHub

Momentum

stars in total
3.2k
Star history of vuejs-ai/skills on GitHub, a chart by star-history.com
See what's trending this week

Other skills on skills.

vue-best-practices

vue-best-practices

MUST be used for Vue.js tasks. Strongly recommends Composition API with `<script setup>` and TypeScript as the standard approach.…

skills
@vuejs-ai@vuejs-aiInstall Skill
vue-debug-guides

vue-debug-guides

Vue 3 debugging and error handling for runtime errors, warnings, async failures, and SSR/hydration issues. Use when diagnosing or…

skills
@vuejs-ai@vuejs-aiInstall Skill
See all 8 skills in skills

More skills from other plugins.

next-bundle-optimizer
Auto-invoked

next-bundle-optimizer

Audit and reduce Next.js browser initial-load work. Use for slow route startup, oversized client bundles, duplicate browser…

nextjs2d143k
@vercel@vercelInstall Skill
migrate-radix-to-base

migrate-radix-to-base

Migrates React projects and components from Radix UI to Base UI. Use when asked to migrate from radix, move to base-ui, convert…

ui11d127k
@shadcn-ui@shadcn-uiInstall Skill
chrome-release-cls

chrome-release-cls

Given a Chrome Releases blog post URL (chromereleases.googleblog.com), extract every CVE/bug and find the underlying Gerrit CL…

electron2d124k
@electron@electronInstall Skill
taste-skill
Auto-invoked

taste-skill

tasteskill v2, the anti-slop frontend skill. Art direction for websites, distilled from a study of 247 curated gallery sites (One…

leonxlnx-taste-skill11d107k
@leonxlnx@leonxlnxInstall Skill

Questions about vue-jsx-best-practices.

Which coding agents can use vue-jsx-best-practices?
vue-jsx-best-practices installs in Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode and Windsurf with the skills CLI, using each agent's flag shown on this page. Flowy's auto-invocation, which fires a skill when your prompt matches, runs in Claude Code only.