Vibe Index
🎯

vue3

🎯Skill

from teachingai/agent-skills

VibeIndex|
What it does

Provides comprehensive Vue 3 guidance, covering component development, reactivity, templates, and best practices with official documentation references.

πŸ“¦

Part of

teachingai/agent-skills(128 items)

vue3

Installation

Add MarketplaceAdd marketplace to Claude Code
/plugin marketplace add https://github.com/teachingai/full-stack-skills.git
Add MarketplaceAdd marketplace to Claude Code
/plugin marketplace add teachingai/full-stack-skills
Claude CodeAdd plugin in Claude Code
/plugin marketplace remove full-stack-skills
Install PluginInstall plugin from marketplace
/plugin install development-skills@full-stack-skills
Install PluginInstall plugin from marketplace
/plugin install development-skills-utils@full-stack-skills

+ 11 more commands

πŸ“– Extracted from docs: teachingai/agent-skills
Need more details? View full documentation on GitHub β†’
4Installs
-
AddedFeb 4, 2026
View on GitHubBack to Skills

Skill Details

SKILL.md

Guidance for Vue 3 using the official guide and API reference. Use when the user needs Vue 3 concepts, patterns, or API details to build components, apps, and tooling.

When to use this skill

Use this skill whenever the user wants to:

  • Learn or apply Vue 3 guide topics (from Introduction to advanced extras)
  • Implement Vue 3 components, reactivity, templates, and routing
  • Follow Vue 3 best practices, TypeScript usage, or performance guidance
  • Check Vue 3 API reference for specific functions or options

How to use this skill

  1. Identify the topic from the user request.
  2. Open the matching guide example file in examples/.
  3. If API details are needed, open the matching file in api/.
  4. Follow the official guidance and keep outputs consistent with Vue 3 documentation.

Guide mapping (one-to-one with Guide pages)

Getting Started

  • examples/getting-started/introduction.md β†’ https://cn.vuejs.org/guide/introduction.html
  • examples/getting-started/quick-start.md β†’ https://cn.vuejs.org/guide/quick-start.html

Essentials

  • examples/essentials/application.md β†’ https://cn.vuejs.org/guide/essentials/application.html
  • examples/essentials/template-syntax.md β†’ https://cn.vuejs.org/guide/essentials/template-syntax.html
  • examples/essentials/reactivity-fundamentals.md β†’ https://cn.vuejs.org/guide/essentials/reactivity-fundamentals.html
  • examples/essentials/computed.md β†’ https://cn.vuejs.org/guide/essentials/computed.html
  • examples/essentials/class-and-style.md β†’ https://cn.vuejs.org/guide/essentials/class-and-style.html
  • examples/essentials/conditional.md β†’ https://cn.vuejs.org/guide/essentials/conditional.html
  • examples/essentials/list.md β†’ https://cn.vuejs.org/guide/essentials/list.html
  • examples/essentials/event-handling.md β†’ https://cn.vuejs.org/guide/essentials/event-handling.html
  • examples/essentials/forms.md β†’ https://cn.vuejs.org/guide/essentials/forms.html
  • examples/essentials/watchers.md β†’ https://cn.vuejs.org/guide/essentials/watchers.html
  • examples/essentials/template-refs.md β†’ https://cn.vuejs.org/guide/essentials/template-refs.html
  • examples/essentials/component-basics.md β†’ https://cn.vuejs.org/guide/essentials/component-basics.html
  • examples/essentials/lifecycle.md β†’ https://cn.vuejs.org/guide/essentials/lifecycle.html

Components In-Depth

  • examples/components/registration.md β†’ https://cn.vuejs.org/guide/components/registration.html
  • examples/components/props.md β†’ https://cn.vuejs.org/guide/components/props.html
  • examples/components/events.md β†’ https://cn.vuejs.org/guide/components/events.html
  • examples/components/v-model.md β†’ https://cn.vuejs.org/guide/components/v-model.html
  • examples/components/attrs.md β†’ https://cn.vuejs.org/guide/components/attrs.html
  • examples/components/slots.md β†’ https://cn.vuejs.org/guide/components/slots.html
  • examples/components/provide-inject.md β†’ https://cn.vuejs.org/guide/components/provide-inject.html
  • examples/components/async.md β†’ https://cn.vuejs.org/guide/components/async.html

Reusability

  • examples/reusability/composables.md β†’ https://cn.vuejs.org/guide/reusability/composables.html
  • examples/reusability/custom-directives.md β†’ https://cn.vuejs.org/guide/reusability/custom-directives.html
  • examples/reusability/plugins.md β†’ https://cn.vuejs.org/guide/reusability/plugins.html

Built-in Components

  • examples/built-ins/transition.md β†’ https://cn.vuejs.org/guide/built-ins/transition.html
  • examples/built-ins/transition-group.md β†’ https://cn.vuejs.org/guide/built-ins/transition-group.html
  • examples/built-ins/keep-alive.md β†’ https://cn.vuejs.org/guide/built-ins/keep-alive.html
  • examples/built-ins/teleport.md β†’ https://cn.vuejs.org/guide/built-ins/teleport.html
  • examples/built-ins/suspense.md β†’ https://cn.vuejs.org/guide/built-ins/suspense.html

Scaling Up

  • examples/scaling-up/sfc.md β†’ https://cn.vuejs.org/guide/scaling-up/sfc.html
  • examples/scaling-up/tooling.md β†’ https://cn.vuejs.org/guide/scaling-up/tooling.html
  • examples/scaling-up/routing.md β†’ https://cn.vuejs.org/guide/scaling-up/routing.html
  • examples/scaling-up/state-management.md β†’ https://cn.vuejs.org/guide/scaling-up/state-management.html
  • examples/scaling-up/testing.md β†’ https://cn.vuejs.org/guide/scaling-up/testing.html
  • examples/scaling-up/ssr.md β†’ https://cn.vuejs.org/guide/scaling-up/ssr.html

Best Practices

  • examples/best-practices/production-deployment.md β†’ https://cn.vuejs.org/guide/best-practices/production-deployment.html
  • examples/best-practices/performance.md β†’ https://cn.vuejs.org/guide/best-practices/performance.html
  • examples/best-practices/accessibility.md β†’ https://cn.vuejs.org/guide/best-practices/accessibility.html
  • examples/best-practices/security.md β†’ https://cn.vuejs.org/guide/best-practices/security.html

TypeScript

  • examples/typescript/overview.md β†’ https://cn.vuejs.org/guide/typescript/overview.html
  • examples/typescript/composition-api.md β†’ https://cn.vuejs.org/guide/typescript/composition-api.html
  • examples/typescript/options-api.md β†’ https://cn.vuejs.org/guide/typescript/options-api.html

Extra Topics

  • examples/extras/ways-of-using-vue.md β†’ https://cn.vuejs.org/guide/extras/ways-of-using-vue.html
  • examples/extras/composition-api-faq.md β†’ https://cn.vuejs.org/guide/extras/composition-api-faq.html
  • examples/extras/reactivity-in-depth.md β†’ https://cn.vuejs.org/guide/extras/reactivity-in-depth.html
  • examples/extras/rendering-mechanism.md β†’ https://cn.vuejs.org/guide/extras/rendering-mechanism.html
  • examples/extras/render-function.md β†’ https://cn.vuejs.org/guide/extras/render-function.html
  • examples/extras/web-components.md β†’ https://cn.vuejs.org/guide/extras/web-components.html
  • examples/extras/animation.md β†’ https://cn.vuejs.org/guide/extras/animation.html

API mapping (one-to-one with API pages)

Global API

  • api/application.md β†’ https://cn.vuejs.org/api/application.html
  • api/general.md β†’ https://cn.vuejs.org/api/general.html

Composition API

  • api/composition-api-setup.md β†’ https://cn.vuejs.org/api/composition-api-setup.html
  • api/reactivity-core.md β†’ https://cn.vuejs.org/api/reactivity-core.html
  • api/reactivity-utilities.md β†’ https://cn.vuejs.org/api/reactivity-utilities.html
  • api/reactivity-advanced.md β†’ https://cn.vuejs.org/api/reactivity-advanced.html
  • api/composition-api-lifecycle.md β†’ https://cn.vuejs.org/api/composition-api-lifecycle.html
  • api/composition-api-dependency-injection.md β†’ https://cn.vuejs.org/api/composition-api-dependency-injection.html
  • api/composition-api-helpers.md β†’ https://cn.vuejs.org/api/composition-api-helpers.html

Options API

  • api/options-state.md β†’ https://cn.vuejs.org/api/options-state.html
  • api/options-rendering.md β†’ https://cn.vuejs.org/api/options-rendering.html
  • api/options-lifecycle.md β†’ https://cn.vuejs.org/api/options-lifecycle.html
  • api/options-composition.md β†’ https://cn.vuejs.org/api/options-composition.html
  • api/options-misc.md β†’ https://cn.vuejs.org/api/options-misc.html
  • api/component-instance.md β†’ https://cn.vuejs.org/api/component-instance.html

Built-ins

  • api/built-in-directives.md β†’ https://cn.vuejs.org/api/built-in-directives.html
  • api/built-in-components.md β†’ https://cn.vuejs.org/api/built-in-components.html
  • api/built-in-special-elements.md β†’ https://cn.vuejs.org/api/built-in-special-elements.html
  • api/built-in-special-attributes.md β†’ https://cn.vuejs.org/api/built-in-special-attributes.html

Single-File Component

  • api/sfc-spec.md β†’ https://cn.vuejs.org/api/sfc-spec.html
  • api/sfc-script-setup.md β†’ https://cn.vuejs.org/api/sfc-script-setup.html
  • api/sfc-css-features.md β†’ https://cn.vuejs.org/api/sfc-css-features.html

Advanced APIs

  • api/custom-elements.md β†’ https://cn.vuejs.org/api/custom-elements.html
  • api/render-function.md β†’ https://cn.vuejs.org/api/render-function.html
  • api/ssr.md β†’ https://cn.vuejs.org/api/ssr.html
  • api/utility-types.md β†’ https://cn.vuejs.org/api/utility-types.html
  • api/custom-renderer.md β†’ https://cn.vuejs.org/api/custom-renderer.html
  • api/compile-time-flags.md β†’ https://cn.vuejs.org/api/compile-time-flags.html

Resources

  • Guide: https://cn.vuejs.org/guide/introduction.html
  • API: https://cn.vuejs.org/api/

Keywords

Vue 3, Vue.js, Composition API, Options API, reactivity, template syntax, components, directives, lifecycle, routing, state management, TypeScript

More from this repository10

🎯
element-plus-vue3🎯Skill

Guides developers through installing, configuring, and using Element Plus components in Vue 3 applications with comprehensive documentation and examples.

🎯
api-doc-generator🎯Skill

Generates comprehensive API documentation by scanning code interfaces, extracting request/response details, and creating standardized documentation templates.

🎯
uniappx-project🎯Skill

Skill

🎯
uniapp-project🎯Skill

Provides comprehensive guidance and examples for uni-app components, APIs, and cross-platform development with official documentation references.

🎯
vue-router-v4🎯Skill

Enables comprehensive Vue Router v4 routing configuration, navigation, guards, and advanced features for Vue 3 applications.

🎯
dart-sass🎯Skill

Skill

🎯
react🎯Skill

Guides developers through React development, offering expert advice on components, hooks, state management, and best practices.

🎯
vant-vue3🎯Skill

Skill

🎯
ant-design-mini🎯Skill

Skill

🎯
uniapp-mini-guide🎯Skill

Skill