Skip to content
Development
Skill

/vue-jsx-best-practices

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

Boost this skill
@hyf0hyf0@hyf0
From plugin
vuejs-ai-skills
2.9k8 skills
Install
$ npx -y skills add hyf0/vue-skills --skill vue-jsx-best-practices --agent claude-code

How it fires

How this skill gets triggered: by you, by Claude, or both.

  • Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.Auto-invocation is when the right skill fires by itself at the right moment, driven by a FLOW.md router and a hook, instead of you invoking it by name. It is the difference between a skill being installed and a skill actually getting used.Read the full definition →
  • You can call itInvoke it directly when you want it.
  • Slash command/vue-jsx-best-practices

Context preview

The summary Claude sees to decide when to auto-load this skill.

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

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 ↗
Ships withvuejs-ai-skills

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.

Get the whole plugin
Stats
TypeScriptJavaScriptReactVueBash
+5 tags
GitHubPlaywrightVitestAnthropicVite
2,855
Stars
166
Forks
Maintained
Maintenance
MIT
License
3mo ago
Last commit
7mo ago
Created

Repo: hyf0/vue-skills

In this plugin
8 skills
See everything inside

Other skills on vuejs-ai-skills.

See all 8 skills in vuejs-ai-skills