Guide Vue 3 developers through Composition API and component setup.
npx skills add https://github.com/hopkins385/sandbox-platform --skill vue-hopkins385
Please help me install this Agent Skill. Skill: vue Source: https://github.com/hopkins385/sandbox-platform/tree/main/.agents/skills/vue Command: npx skills add https://github.com/hopkins385/sandbox-platform --skill vue-hopkins385
This Skill provides comprehensive guidance and tools for writing Vue 3 single-file components, ensuring efficient and correct implementation of reactivity, composition API, and built-in features.
<script setup> syntax, enhancing type inference and performance.Describe how to set up a Vue component with <script setup> and define props, events, and reactive data to create a simple, functional component.
High-intent search queries and answers about installing and using this skill.
Vue 3 component setup uses `<script setup>` syntax to define props, emits, and reactive data. This approach simplifies creation, enhances type inference, and improves performance for maintainable single-file components.
The Composition API manages reactivity in Vue 3 by allowing developers to organize reactive logic into modular functions. This approach ensures efficient and correct implementation of dynamic, reactive single-file components.
Use built-in components like Teleport, Transition, and Suspense to build dynamic, performant UIs in Vue 3. They handle advanced features such as DOM node relocation, enter/leave effects, and asynchronous component rendering.
To expose component methods to a parent in Vue 3, use the `expose` API within the `<script setup>` block. This explicitly declares the accessible methods, ensuring effective and secure parent-child communication.
Vue 3 `<script setup>` supports defining two-way binding models for custom inputs. You can declare component models effectively to handle dynamic data synchronization between parent and child components.
shuff57Create HTML artifacts for claude.ai using React, TypeScript, and Vite.
cslsoftwaresConfigure Vue Router and Pinia with guards and lazy loading.
JosiahSiegelProvide TypeScript patterns for React component props, events, hooks, and generics.
partme-aiProvides React development guidance covering components, JSX hooks, props, state, context, and performance optimization.