Vue3
Look up official Vue 3 API signatures and built-ins while your agent implements components and app setup.
Overview
vue3 is an agent skill for the Build phase that confirms Vue 3 official API signatures, parameters, and return values while implementing UI.
Install
npx skills add https://github.com/teachingai/full-stack-skills --skill vue3What is this skill?
- Application API reference with signature and return-value checks
- Built-in Components and Built-in Directives coverage
- Special Attributes and Special Elements sections
- Cross-check workflow against the Vue guide before shipping code
- Official cn.vuejs.org API doc links when clarification is needed
- Covers Application API, Built-in Components, Built-in Directives, Special Attributes, and Special Elements API areas
Adoption & trust: 581 installs on skills.sh; 475 GitHub stars; 3/3 security scanners passed (skills.sh audits).
What problem does it solve?
Your agent keeps guessing Vue 3 API shapes and built-in names instead of matching the current official reference.
Who is it for?
Indie builders actively coding Vue 3 SPAs or admin UIs who want agent output tied to the real API reference.
Skip if: Teams standardizing on React or Svelte only, or projects that already have a locked internal Vue design-system doc that supersedes raw API lookup.
When should I use this skill?
Implementing or refactoring Vue 3 UI and the agent needs authoritative API signatures instead of invented APIs.
What do I get? / Deliverables
Generated Vue code aligns with documented API contracts and links out to official docs when edge cases need confirmation.
- Vue code that matches official API signatures and linked doc references
Recommended Skills
Journey fit
How it compares
Use as a focused API lookup companion—not a full Vue curriculum or component library generator.
Common Questions / FAQ
Who is vue3 for?
Solo and indie frontend builders using Vue 3 with AI coding agents who need accurate API usage during implementation.
When should I use vue3?
During Build (frontend) when wiring application APIs, built-in components, directives, or special attributes—and whenever an agent’s Vue call looks undocumented.
Is vue3 safe to install?
Review the Security Audits panel on this Prism page and the source repo before installing; the skill is documentation-only and does not require shell or network by itself.
SKILL.md
READMESKILL.md - Vue3
## Instructions - Use this API reference page to confirm signatures, parameters, and return values for Application API. - Cross-check examples in the guide when applying the API. - Link to the official docs if clarification is required. Reference: https://cn.vuejs.org/api/application.html ## Instructions - Use this API reference page to confirm signatures, parameters, and return values for Built-in Components. - Cross-check examples in the guide when applying the API. - Link to the official docs if clarification is required. Reference: https://cn.vuejs.org/api/built-in-components.html ## Instructions - Use this API reference page to confirm signatures, parameters, and return values for Built-in Directives. - Cross-check examples in the guide when applying the API. - Link to the official docs if clarification is required. Reference: https://cn.vuejs.org/api/built-in-directives.html ## Instructions - Use this API reference page to confirm signatures, parameters, and return values for Special Attributes. - Cross-check examples in the guide when applying the API. - Link to the official docs if clarification is required. Reference: https://cn.vuejs.org/api/built-in-special-attributes.html ## Instructions - Use this API reference page to confirm signatures, parameters, and return values for Special Elements. - Cross-check examples in the guide when applying the API. - Link to the official docs if clarification is required. Reference: https://cn.vuejs.org/api/built-in-special-elements.html ## Instructions - Use this API reference page to confirm signatures, parameters, and return values for Compile-Time Flags. - Cross-check examples in the guide when applying the API. - Link to the official docs if clarification is required. Reference: https://cn.vuejs.org/api/compile-time-flags.html ## Instructions - Use this API reference page to confirm signatures, parameters, and return values for Component Instance. - Cross-check examples in the guide when applying the API. - Link to the official docs if clarification is required. Reference: https://cn.vuejs.org/api/component-instance.html # defineProps() / defineEmits() / defineExpose() ## API Reference Component definition macros for props, emits, and exposed properties. **defineProps():** ```typescript function defineProps<T>(): Props<T> function defineProps<T>(props: T): Props<T> ``` **defineEmits():** ```typescript function defineEmits<T>(): Emits<T> function defineEmits<T>(emits: T): Emits<T> ``` **defineExpose():** ```typescript function defineExpose(exposed: Record<string, any>): void ``` **Example:** ```javascript import { defineProps, defineEmits, defineExpose } from 'vue' const props = defineProps({ title: String }) const emit = defineEmits(['update']) defineExpose({ someMethod() { // ... } }) ``` **See also:** - `examples/components-in-depth/props.md` - `examples/components-in-depth/events.md` ## Instructions - Use this API reference page to confirm signatures, parameters, and return values for Dependency Injection. - Cross-check examples in the guide when applying the API. - Link to the official docs if clarification is required. Reference: https://cn.vuejs.org/api/composition-api-dependency-injection.html ## Instructions - Use this API reference page to confirm signatures, parameters, and return values for Helpers. - Cross-check examples in the guide when applying the API. - Link to the official docs if clarification is required. Reference: https://cn.vuejs.org/api/composition-api-helpers.html ## Instructions - Use this API reference page to confirm signatures, parameters, and return values for Lifecycle Hooks. - Cross-check examples in the guide when applying the API. - Link to the official docs if clarification is required. Reference: https://cn.vuejs.org/api/composition-api-lifecycle.html ## Instructions - Use this API reference page to confirm signatures, parameters, and return values for setup(). - Cross-check exa