Vue Options API Best Practices
Vue Options API Best Practices is an agent skill (a SKILL.md file) from vuejs-ai/skills. Vue 3 Options API style (data(), methods, this context). It works with Claude Code and has 3,144 GitHub stars across a repository of 3 listed skills.
github.com/vuejs-ai/skills/skills/vue-options-api-best-practices (opens in a new tab)
Data as of from the GitHub API and skills.sh; description from the skill's SKILL.md. Report an error
- Multi-skill repo
- Plugin marketplace
- Design & frontend
- Maintained
Add this skill
Claude
This repository is a Claude Code plugin marketplace. In Claude Code:
/plugin marketplace add vuejs-ai/skills
/plugin install vue-options-api-best-practices@vue-skillsIn the Claude apps, zip the vue-options-api-best-practices folder and upload it under Customize > Skills > + > Upload a skill (code execution must be on).
ChatGPT / Codex
Codex reads skills from .agents/skills/ in a repo or ~/.agents/skills/ for every project:
git clone --depth 1 https://github.com/vuejs-ai/skills.git
cp -r skills/skills/vue-options-api-best-practices .agents/skills/vue-options-api-best-practices # repo; ~/.agents/skills for all projectsStandalone skills also load in the ChatGPT desktop app.
Cursor
Cursor loads skills from .cursor/skills/ (or ~/.cursor/skills/) and also reads .claude/skills/:
git clone --depth 1 https://github.com/vuejs-ai/skills.git
cp -r skills/skills/vue-options-api-best-practices .cursor/skills/vue-options-api-best-practices # project; ~/.cursor/skills for all projectsSource (checked Oct 7, 2026): code.claude.com/docs/en/skills (opens in a new tab), code.claude.com/docs/en/plugin-marketplaces (opens in a new tab), support.claude.com/en/articles/12512180-using-skills-in-claude (opens in a new tab), learn.chatgpt.com/docs/build-skills (opens in a new tab), cursor.com/docs/context/skills (opens in a new tab)
What this skill does
Vue 3 Options API style (data(), methods, this context). Each reference shows Options API solution only. Vue.js Options API best practices, TypeScript integration, and common gotchas.
More skills in vuejs-ai/skills
3 skills are listed from this repository.
Similar skills
More design & frontend skills
Appllama App Design Skill
Appllama/appllama-skills
Build native-feeling, benchmark-quality mobile app screens (Expo / React Native).
Too new to judge · created Aug 13, 2026
OfficialDesign & frontendEas Observe
expo/skills
Use for anything related to EAS Observe - adding expo-observe to an Expo project (AppMetricsRoot/ObserveRoot HOC, markInteractive and ObserveInteractiveMarker, the useObserve hook, the Expo Router /…
Maintained · last commit Oct 23, 2026
OfficialDesign & frontendShellDirecting Stickman Videos
kaomei/stickman-video-director
Turn topics, requirements, articles or scripts into stickman videos.
Too new to judge · created Aug 3, 2026
Design & frontendPythonAccessibility
addyosmani/web-quality-skills
Audit and improve web accessibility following WCAG 2.2 guidelines.
Maintained · last commit Aug 24, 2026
Design & frontendShellBindcraft
FreedomIntelligence/OpenClaw-Medical-Skills
End-to-end binder design using BindCraft hallucination.
Maintained · last commit Jul 21, 2026
Design & frontendPythonMaterial
bergside/awesome-design-skills
Google's Material Design with layered surfaces, dynamic theming, built-in motion, and responsive cross-platform patterns.
Maintained · last commit Jun 28, 2026
Design & frontend
How do I install the Vue Options API Best Practices skill?
In Claude Code, run /plugin marketplace add vuejs-ai/skills and then /plugin install vue-options-api-best-practices@vue-skills. For Codex or Cursor, copy the vue-options-api-best-practices folder into .agents/skills/ or .cursor/skills/.
Is the Vue Options API Best Practices skill free?
Yes. The repository is open source under the MIT license.
Is Vue Options API Best Practices maintained?
The repository's most recent commit was on Oct 23, 2026. appsgit only lists skills from repositories with a commit in the last six months.