Skills
.Work. You
Rest

vue-jsx-best-practices

Community

Vue JSX best practices for clean, safe JSX.

Software Engineering#typescript#frontend#vue#jsx#react-migration#vue-jsx
AuthorNKDShinKu
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Vue developers transitioning from React JSX often face mismatches in attribute names and plugin configurations. This Skill provides clear guidance on Vue-specific JSX usage and best practices to keep code idiomatic.

Core Features & Use Cases

  • Attribute conventions: Use standard HTML attributes (class, for) instead of React-style className and htmlFor.
  • Plugin & TSX setup: Guidance on configuring Vue JSX support with tooling and TypeScript.
  • Migration guidance: Practical tips for converting React components to Vue JSX in real projects.

Quick Start

Ask the AI to convert a small React JSX snippet to Vue JSX following Vue conventions and provide corrected examples.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: vue-jsx-best-practices
Download link: https://github.com/NKDShinKu/NKDShinKu/archive/main.zip#vue-jsx-best-practices

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.