Explorar skills

Vue

Anthony Fu

Use Vue component, reactivity and Composition API references.

• vue
• frontend

Vue Pinia Practices

vuejs-ai community

Work with Pinia stores, reactive state and store setup.

• vue
• state management

Vue JSX Practices

vuejs-ai community

Use Vue JSX and understand syntax differences from React JSX.

• vue
• jsx

Vue Testing Practices

vuejs-ai community

Design Vue tests with Vitest, Vue Test Utils and Playwright guidance.

• vue
• testing

Community Vue Skills

vuejs-ai community

Community Vue 3 workflows covering components, state, routing, testing and debugging.

• vue

Vue Best Practices

vuejs-ai community

Apply Vue 3 component, reactivity and SSR guidance in a Vue project.

• vue
• frontend

Vue Debug Guides

vuejs-ai community

Diagnose Vue runtime warnings, reactivity issues and SSR hydration problems.

• vue
• debugging

Vue Router Practices

vuejs-ai community

Review Vue Router navigation, route parameters and component lifecycle patterns.

• vue
• routing

Create Adaptable Vue Composable

vuejs-ai community

Design Vue composables that accept plain values, refs or getters.

• vue
• composables

Vue Options API

vuejs-ai community

Review Vue Options API patterns, TypeScript integration and common pitfalls.

• vue
• typescript

Extract Design System from Frontend Code

Google Stitch

Extract a comprehensive design system (DESIGN.md) directly from frontend source code — React, Vue, Svelte, Angular, plain HTML/CSS, or any web framework. Analyzes component files, stylesheets, Tailwind configs, theme definitions, and design tokens to produce a rich, Stitch-compatible design system document. Use this skill whenever the user wants to reverse-engineer a design system from an existing codebase, audit the visual language of a project, extract design tokens from source files, or understand the styling patterns in a frontend repo — even if they just say "what does this app look like?" or "pull out the design from this code."

• design systems
• documentation

Nuxt

Anthony Fu

Consult Nuxt references for routing, server handlers and rendering.

• nuxt
• vue

Pinia

Anthony Fu

Work with Pinia stores, state, getters and actions.

• pinia
• vue

accessibility-lead

Community Access

Web UI accessibility lead. Use before writing or changing HTML, JSX, TSX, Vue, Svelte, CSS or templates. Picks specialists and merges their findings.

• accessibility
• web

Anthony Fu Tool Skills

Anthony Fu

Documentation-derived workflows for Vitest, Vite, Vue and related web development tools.

• Developer tools

GSAP Frameworks

greensock

Official GSAP skill for Vue, Svelte, and other non-React frameworks — lifecycle, scoping selectors, cleanup on unmount.

• gsap
• animation