All skills
vuejs-ai avatar

/vue-jsx-best-practices

@bc922e4 official
by Vue AIvuejs-ai/skills2.9k stars
167

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

Use this Skill: https://skilld.dev/gh/vuejs-ai/skills/vue-jsx-best-practices

This session only. Nothing lands on disk.

SKILL.md

≈22 tokens always: the name and description. ≈55 when used: this file. ≈1k more on demand in 1 file.

Vue JSX best practices and differences from React JSX.

JSX

Source: SKILL.md on GitHub

No alerts17d5 checks · Risk SAFE
  • Gen Agent Trust Hub17d

    This skill provides educational documentation and configuration examples for using JSX in Vue projects. It contains no malicious code, unauthorized network access, or sensitive data handling.

  • Socket17d

    No alerts

  • Snyk17d

    Risk: LOW · No issues

  • Runlayer7mo

    2 files scanned · No issues

  • ZeroLeaks5mo

    Score: 93/100 · 2 sections analyzed

Signed by skilld at bc922e4. This ties the file your Agent reads to that commit on GitHub. It does not review the instructions.

Last checked against GitHub 2 months ago.

Steadyupdated 8 months ago
version
2.0.0
author
github.com/vuejs-ai

README badge

README badge for vuejs-ai/skills/vue-jsx-best-practices

Explains Vue JSX syntax differences from React, including attribute naming (class vs className) and plugin configuration. Use this when migrating React JSX components to Vue or resolving attribute type errors in Vue's JSX setup.

Generated from the current SKILL.md.

How does Vue JSX differ from React JSX?
Vue uses different attribute syntax (e.g., class instead of className) and has different JSX plugin configuration. The skill covers these differences and the migration path from React JSX.
Will this help me migrate React JSX code to Vue?
Yes. The skill includes guidance on migrating React JSX to Vue, including attribute name changes and syntax adjustments.
Does this address JSX attribute type errors in Vue?
Yes. The skill covers common attribute type errors that occur when writing JSX in Vue and how to resolve them.

Generated from the current SKILL.md. These answers refresh after source changes.