Vue

nuxt4-patterns é uma skill para Nuxt 4 focada em segurança de hidratação, route rules, lazy loading e fetch de dados compatível com SSR. Use a skill nuxt4-patterns para tomar decisões melhores em Frontend Development, reduzir divergências e aplicar o padrão certo para cada página ou componente.

ui-ux-pro-max é uma skill completa para design UI/UX assistido por IA. Oferece orientações estruturadas sobre layouts, estilos, sistemas de cores, tipografia e regras de UX para web e mobile. Ideal para devs e equipes que buscam decisões práticas em React, Next.js, Vue, Svelte, Tailwind, shadcn/ui, SwiftUI, React Native, Flutter e HTML/CSS. Use para planejar, revisar e aprimorar interfaces com inteligência de design selecionada.

A skill web-component-design ajuda equipes a projetar componentes de UI reutilizáveis para React, Vue e Svelte, com padrões sólidos de API, orientações de acessibilidade e referências sobre trade-offs de estilização para design systems.

vue para geração de código em Vue 3 com Composition API, <script setup lang="ts">, macros, reatividade e componentes nativos. Use para orientar a instalação e melhorar o uso de vue em SFCs, defineProps, defineEmits, defineModel, watchers, Transition, Teleport, Suspense e KeepAlive.

gsap-frameworks é a skill de GSAP para Vue, Nuxt, Svelte, SvelteKit e outros frameworks que não sejam React. Ela cobre configuração de animações com segurança de ciclo de vida, seletores com escopo e limpeza na desmontagem, para que as animações de componentes se comportem corretamente no Frontend Development.

A skill gsap-core é o guia oficial do GSAP para uso da API central de animação, incluindo gsap.to(), from(), fromTo(), easing, stagger, defaults e motion responsivo. Use-a para uso de gsap-core em vanilla JS, React, Vue, Svelte, fluxos de trabalho de DOM, SVG e UI Design, especialmente quando você precisa de um guia confiável de gsap-core.

vue-router-best-practices é um guia objetivo de Vue Router 4 para corrigir navigation guards, atualizações de parâmetros de rota, estado obsoleto de componentes, loops de redirecionamento e padrões `next()` descontinuados em apps frontend.

vue-pinia-best-practices ajuda equipes que usam Vue 3 a adotar o Pinia com mais segurança, com orientações claras sobre o momento certo da instalação, uso de storeToRefs, retornos em setup stores e decisões entre estado na URL e no store.

vue-options-api-best-practices ajuda equipes de frontend a aplicar boas práticas da Options API do Vue 3, corrigir erros de binding de `this` e de ciclo de vida, além de melhorar a tipagem em TypeScript para props, valores computados, eventos e uso de inject sem migrar para a Composition API.

vue-jsx-best-practices ajuda desenvolvedores frontend a escrever Vue JSX e TSX de forma idiomática, substituindo atributos no estilo React, como className e htmlFor, por atributos HTML compatíveis com Vue.

vue-best-practices é uma skill para Vue 3 voltada à geração, revisão e refatoração de código. Ela orienta agentes a seguir Composition API, <script setup lang="ts">, fluxo de dados explícito, decisões compatíveis com SSR e referências essenciais sobre reatividade, SFCs, composables, Router, Pinia e apps baseados em Vite.

vue-debug-guides é uma skill de depuração para Vue 3 voltada a diagnosticar erros de runtime, avisos, falhas em componentes assíncronos, problemas de reatividade e incompatibilidades de SSR ou hidratação, com correções direcionadas e baseadas em referências.

create-adaptable-composable ajuda desenvolvedores de Vue 3 e Nuxt 3 a criar composables reutilizáveis que aceitam valores simples, refs, valores computados e getters. O foco está em escolher entre MaybeRef e MaybeRefOrGetter e normalizar com toValue() ou toRef() dentro de watch() ou watchEffect() para manter uma reatividade previsível.

Guia da netlify-forms para lidar com formulários HTML no Netlify. Use para adicionar formulários de contato, feedback, upload de arquivos, filtragem de spam, envios via AJAX e uma página personalizada de agradecimento, sem código no servidor. Útil para fluxos de Backend Development e apps renderizados em JS que precisam de detecção de formulários no build.