SkillMD SkillMD
light-dark-mode
Profile My skills Saved Collections Preferences Submit a skill

vue-jsx-best-practices

vuejs-ai/vue-jsx-best-practices · Agent Skill (multi-file)

by Vue AI · bundle

Published · Last updated

Provides guidance on JSX syntax differences between Vue and React, including attribute naming and plugin configuration.

SKILL.md

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

Files

This skill is a package of 2 files. Install with the command above, or download the folder.

  • 📄SKILL.md entry
  • 📁reference
  • 📄render-function-jsx-vue-vs-react.md 4.0 KB
vuejs-ai/skills/tree/main/skills/vue-jsx-best-practices commit · c9d355ff23

Related

  1. ▌
    team-fe · huuanh20 bundle
    Generates frontend source code files and a PR description from BA, TechLead, PM, and BE artifacts, following a level-based implementation plan.
    1
    repo stars
  2. ▌
    team-fe · dangquangse bundle
    Generates frontend source code and a PR description from BA, TechLead, PM, and BE artifacts, following a level-based implementation plan.
    19
    repo stars
  3. ▌
    web-artifacts-builder · anthropic bundle
    Creates elaborate, multi-component HTML artifacts using React, Tailwind CSS, and shadcn/ui for complex frontend projects.
    158k
    repo stars
  4. ▌
    vue-router-best-practices · antfu bundle
    Provides best practices for Vue Router 4, including navigation guards, route params, and route-component lifecycle interactions.
    5.5k
    repo stars
  5. ▌
    react-container-presentation-component · github bundle
    Scaffold React components following the Container/Presentation pattern under src/components, with TypeScript, Storybook, and SCSS conventions.
    36.2k
    repo stars
  6. ▌
    vueuse-functions · antfu bundle
    Map requirements to the most suitable VueUse composable and apply correct usage patterns for concise, maintainable Vue.js/Nuxt features.
    5.5k
    repo stars

Frequently asked questions

How do I install the vue-jsx-best-practices skill?

Run npx skillmds add vuejs-ai/vue-jsx-best-practices in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

What does the vue-jsx-best-practices skill do?

Provides guidance on JSX syntax differences between Vue and React, including attribute naming and plugin configuration. It is listed under Web & Frontend, Frontend Frameworks on SkillMD.

Is vue-jsx-best-practices safe to use?

SkillMD's automated safety review verdict for this skill is PASS. Independent scanners report: SkillSpector: PASS, Skill Scanner: PASS. Capability flags: docs only. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with vue-jsx-best-practices?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is vue-jsx-best-practices free to use?

Yes. Installing skills from SkillMD is free. This skill is licensed under MIT.

Who published vue-jsx-best-practices?

Vue AI (@vuejs-ai) published this skill as a verified publisher. Their other Agent Skills are listed on their SkillMD profile.