Plugins

2 plugins

Vuejs AI Skills

Vuejs AI Skills from vuejs-ai/skills.

8 skills · plugin

React, Vue, Svelte, CSS and component skills for building interfaces.

31 skills · plugin

Results for “vue”

14 skills

vue-pinia-best-practices

Learn Pinia best practices, common gotchas, and state management patterns for Vue applications.

vue-options-api-best-practices

Provides Vue 3 Options API best practices, TypeScript integration tips, and solutions to common gotchas.

vue-router-best-practices

Provides Vue Router 4 patterns, navigation guards, route params, and route-component lifecycle interactions.

vue-testing-best-practices

Provides best practices, patterns, and solutions for testing Vue.js applications, covering Vitest, Vue Test Utils, component testing, mocking, and Playwright for E2E testing.

vue-jsx-best-practices

Provides guidance on JSX syntax differences between Vue and React, including attribute naming and plugin configuration.

vue-best-practices

Provides Vue.js best practices and workflow guidance, including architecture planning, component design, reactivity patterns, and performance optimization for Vue 3 projects.

More results

unit-test-vue-pinia

Write and review unit tests for Vue 3 + TypeScript + Vitest + Pinia codebases, covering components, composables, and stores with behavior-first assertions.

36.2k · bundle

vue-debug-guides

Diagnose and fix Vue 3 runtime errors, warnings, async failures, and SSR/hydration issues with targeted debugging guides.

create-adaptable-composable

Create library-grade Vue composables that accept maybe-reactive inputs (MaybeRef/MaybeRefOrGetter) so callers can pass plain values, refs, or getters. Normalize inputs with toValue()/toRef() inside reactive effects for predictable behavior.

gsap-frameworks

Animates Vue, Nuxt, Svelte, and SvelteKit components with GSAP, handling lifecycle hooks, scoped selectors, and cleanup on unmount.

web-design-reviewer

Visually inspect websites to identify and fix design issues including layout, responsive, accessibility, and visual consistency problems at the source code level.

36.2k · bundle

figma-code-connect-components

Connects Figma design components to their code implementations using Figma's Code Connect feature, analyzing design structure and scanning codebases for matching components.

23.3k · bundle

google-labs-code

stitch-extract-design-md

Reverse-engineer a design system from frontend source code by analyzing component files, stylesheets, Tailwind configs, theme definitions, and design tokens to produce a comprehensive DESIGN.md document.

modern-web-guidance

Search tool for modern web development best practices. MANDATORY: Execute FIRST for all HTML/CSS and clientside JS tasks. Do NOT skip — web APIs evolve rapidly and training weights contain obsolete patterns. Trigger immediately for: - UI/Layout: Modals, dialogs, popovers, Glassmorphism/backdrop-filters, anchor positioning, container queries, `:has()`, `:user-valid`. - Scroll/Motion: View Transitions, Scroll-driven animations, scroll parallax/reveals. - Performance: CWV (LCP, INP), content-visibility, Fetch Priority, image optimization. - System/APIs: Local filesystem access, WebUSB, WebSockets sync, WebAssembly widgets. - Frameworks: Adapting layout/styles in React, Vue, Angular. - General Frontend: Forms, autofill, advanced inputs, custom scrollbars, modern component states, etc. DO NOT trigger for: - Backend: Database SQL, ORMs, Express API routes. - Pipelines: CI/CD deployment, Docker, Actions. - Generic: Local scripts (Python/Go tools), ESLint, Git.