Claude MarketplacesSubmit
hyf0 avatar

Vue Jsx Best Practices

hyf0/vue-skills

If you're moving React components to Vue or constantly fighting TypeScript errors about className versus class, this covers the JSX syntax differences between the two frameworks. It's focused on the practical translation layer: what attributes work differently, how the JSX transform differs, and plugin configuration. The reference material walks through the Vue versus React JSX patterns side by side. Honestly, this is pretty narrowly scoped, but if you're doing a React to Vue migration or working in a codebase that uses JSX for Vue render functions instead of templates, it'll save you from repeatedly Googling the same attribute mapping questions.

skills.sh installs
2K
GitHub stars
2.7K
last updated
Jul 14, 2026
View on GitHub

Install

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

Installs into .claude/skills of the current project.

Files

Vue JSX best practices and differences from React JSX.

JSX

SKILL.md on GitHub

Sponsors

Promote your product hereReach 125k+ visitors monthlyPromote your product hereReach 125k+ visitors monthlyAgent CaffeineSponsoredClose your lid, come back to finished workSnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthlyWaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthlyknobsSponsoredSee your site on any phone, any day, in any language

Details

Repository
github.com/hyf0/vue-skills
Category
Frontend Development
First seen
May 16, 2026

More from hyf0/vue-skills

All 11

Recommended

More Frontend Development
1affaan-m avatarui-to-vueaffaan-m/everything-claude-codeui to vue1.7Kskills.sh installs
2hyva-themes avatarhyva-compile-tailwind-csshyva-themes/hyva-ai-toolsCompile Tailwind CSS for Hyvä themes in Magento 2. Use when the user wants to build styles, generate CSS, compile Tailwind, run Tailwind, or create production/d1.3Kskills.sh installs
3hyva-themes avatarhyva-ui-componenthyva-themes/hyva-ai-toolsApply Hyva UI template-based components to a Hyvä theme. This skill should be used when the user wants to add, install, or apply a Hyva UI component (such as he1.3Kskills.sh installs
4sickn33 avatarreact-ui-patternssickn33/antigravity-awesome-skillsreact ui patterns1.2Kskills.sh installs
5syncfusion avatarsyncfusion-react-diagramsyncfusion/react-ui-components-skillsCreate and customize visual diagrams in React using Syncfusion Diagrams. Trigger for requests involving React component setup, nodes and connectors, flowcharts,746skills.sh installs
6syncfusion avatarsyncfusion-react-chat-uisyncfusion/react-ui-components-skillsImplement the Syncfusion React Chat UI component. Use this skill to create and customize messaging interfaces, including chat setup, message rendering, file att740skills.sh installs