Skill de Claude para Engenheiro Frontend Vue.js/Nuxt

Name: Skill de AI para desenvolvedora Vue - Zosia
Brand: KissMySkills
Price: 19 USD
Availability: InStock

Vue Developer, Zosia AI skill by KissMySkills, cover

Skill de AI para desenvolvedora Vue - Zosia

Diagnostique bugs de reatividade do Vue na própria ref ou observador, escolha o modo de renderização do Nuxt por rota e corrija incompatibilidades de hidratação na origem real.

$19 esta skill pagamento único seu para sempre

Pacote de skill para Claude download imediato

Plano Library

Leve este item (skill) e mais 2.500+

$9/mês ou $59 por ano

Assine o Library · $9/mêsAssinar Library

Teste grátis por 7 dias: skillExperimentar grátis

7 dias grátis, sem cartão
Cancele quando quiser
Reembolso em 30 dias no primeiro pagamento

Nada é cobrado. 2 dias antes do fim do teste chega um código de −30% para o seu primeiro pagamento.

Funciona no Claude, ChatGPT, Claude Code, Codex e Cursor com um único conector
Todas as skills, pacotes de prompts e agentes, além do AI CRM e das ferramentas durante o teste
Cancele quando quiser

Por que uma assinatura? Como funciona

Precisa só deste arquivo (skill)?

Um arquivo, pagamento único. Sem atualizações, sem conector.

Custa mais ou menos o mesmo que 2 meses de Library.

$19

Pay once, keep foreverInstant download30-day money-back guarantee

Como visto emProduct Hunt Fazier KittyLaunch

Funciona com

Checkout seguro pela Stripe

Marcas registradas de seus respectivos proprietários. KissMySkills não é afiliado nem endossado por eles.

Como funciona

Ask it something hard.

LOADED ✓

Migrando 200 componentes da API Options do Vue 2 para o Vue 3, e minha equipe continua escrevendo composables que são apenas mixins com outro nome. Qual é o padrão de fato?

CLAUDE · WITH THIS SKILL Um composable que retorna um apanhado de estados sem relação é um mixin com passaporte - o padrão é uma preocupação por composable: useOrderFilters é responsável pelo estado dos filtros e por nada mais, retorna refs e funções nomeadas, sem this e sem colisões silenciosas de propriedades. Para 200 componentes: comece pelos componentes folha, depois pelo estado compartilhado, e não converta componentes estáveis do Options de forma alguma - o Vue 3 executa as duas APIs lado a lado, e converter por pureza é como as migrações ficam paralisadas em 60%. Cuidado com os limites da reatividade: props desestruturadas perdem a reatividade sem toRefs, e reactive() perde o rastreamento ao ser espalhado. O Vuex está migrando para o Pinia? Essa sequência importa mais do que os componentes.

Ou tenha todas as skills dentro da sua IA.

0:16 · sem som

Todas as 2.500+ com Library · $9/mês →

Dúvidas antes de comprar? Uma pessoa responde, geralmente no mesmo dia: hello@kissmyskills.com

// o próprio arquivo

Leia antes de comprar.

As primeiras linhas do arquivo que sua IA vai ler, exatamente como é entregue. Nada reescrito para a página.

// o skill que faz sua IA funcionar

Você é Zosia, uma engenheira sênior de frontend especializada em Vue.js e Nuxt, trabalhando com a API de Composição, o sistema de reatividade, Pinia e Vitest. Você foi ativada para ajudar o usuário a criar um frontend de produção com Vue 3 ou Nuxt 3.

Adicione Zosia ao Claude e obtenha uma engenheira sênior de frontend especializada em Vue.js/Nuxt, que desenvolveu e manteve apps Nuxt de produção durante a transição do Vue 2 para o Vue 3 e a mudança da Options API para a Composition API. Zosia não trata o Vue como "React com sintaxe diferente". Ela trabalha com o modelo mental real do Vue: um sistema de reatividade refinada baseado em proxies, componentes de arquivo único que reúnem template/script/style por design e uma Composition API estruturada em torno de composables, em vez de hooks com arrays de dependências. Ela escolhe o modo de renderização, o formato do gerenciamento de estado e o limite dos composables que se adequam ao fluxo de dados real do app e consegue explicar em termos simples por que um valor reativo parou de reagir antes de alterar uma linha de código. Zosia abrange toda a área de engenharia de frontend do Vue 3 e do Nuxt 3: arquitetura da Composition API e design de composables, sistema de reatividade (refs vs reactive, computed caching, watch vs watchEffect), gerenciamento de estado com Pinia, estratégia de renderização do Nuxt (SSR, SSG e renderização híbrida por rota via route rules, sustentada pelo mecanismo de servidor Nitro), roteamento baseado em arquivos e layouts, gerenciamento de SEO e metadados,

SKILL.md · 237 linhas · download imediato

// o que vem incluído

O que vem neste skill

Diagnóstico da reatividade na referência ou no observador exato
Causa raiz da divergência de hidratação com a renderização identificada
Modo de renderização decidido por rota, não por projeto
Plano de correção com as alterações no nível dos componentes listadas

Desenvolvedores de Vue e Nuxt depurando avisos de hidratação e reatividade que falha silenciosamente.

// duas formas de ter

Use dentro da sua IA ou baixe uma vez.

Plano Library

Esta skill e mais 2.500+, dentro do seu chat

$9/mês cancele quando quiser, ou $59 por ano

Todas as 2.500+ skills, pacotes de prompts e agentes, carregados assim que você pede
Nada para baixar ou colar: conecte uma vez no Claude, ChatGPT, Claude Code ou Cursor
Novas skills toda semana e 10 arquivos do catálogo por mês para baixar

Assine o Library · $9/mês Teste grátis por 7 dias

Compare Library, AI CRM e Both

Compra única

Só esta skill, como arquivo

$19 pagamento único

Baixe após a compra e cole em qualquer chat de IA
Um arquivo, sem atualizações, sem conector
Garantia de reembolso de 30 dias

Já tem Library ou Both? Este já está incluído, não precisa comprar o arquivo.

Funciona com

Marcas registradas de seus respectivos proprietários. KissMySkills não é afiliado nem endossado por eles.

// peça ao seu assistente

Ou deixe sua IA configurar esta skill para você.

Acesse kissmyskills.com/pages/connector e configure para mim a skill "Skill de AI para desenvolvedora Vue - Zosia" (handle: zosia-vue-js-nuxt-frontend-engineer-ai-skill)

Cole no Claude, ChatGPT, Claude Code, Cursor ou Codex. Sua IA guia você na conexão do KissMySkills (cerca de 3 minutos, 7 dias de teste grátis) e carrega a skill. O que sua IA vai ler →

O que você está comprando de verdade

Pare de tratar o sistema de reatividade do Vue como o modelo de re-renderização do React.

Zosia é uma habilidade de Engenheira Frontend Sênior de Vue.js/Nuxt baseada no modelo mental real do Vue: um sistema de reatividade de granularidade fina baseado em proxies, componentes de arquivo único e uma Composition API construída com composables, em vez de hooks com arrays de dependências. Ela domina a arquitetura da Composition API e o design de composables, o sistema de reatividade (refs, reactive, cache de computed, watchers), o gerenciamento de estado com Pinia, a estratégia de renderização do Nuxt (SSR, SSG, renderização híbrida via routeRules no Nitro), roteamento e layouts baseados em arquivos, gerenciamento de SEO/metadados, testes com Vitest/Vue Test Utils e migrações do Vue 2 para o 3 ou da Options API para a Composition API.

Para quem é

Engenheiros frontend de Vue e Nuxt e equipes que estão migrando do Vue 2 ou da Options API.

Principais recursos

Verifica se um objeto reactive() foi desestruturado, se falta o desempacotamento com .value ou se uma dependência foi lida fora de um contexto reativo antes de procurar em qualquer outro lugar ao investigar um "bug de reatividade".
Recomenda uma store do Pinia somente depois de confirmar que um composable com estado local realmente não resolve o problema.
Escolhe a estratégia de renderização do Nuxt por rota usando routeRules (SSR, SSG, híbrida), em vez de um único modo global para todo o aplicativo.
Diagnostica incompatibilidades de hidratação até a divergência real entre servidor e cliente (valores exclusivos do cliente, conteúdo não determinístico), em vez de aplicar um ClientOnly genérico.
Cria cobertura com Vitest e Vue Test Utils focada no risco real do composable, da store ou do componente em teste.

Como usar

Cole o SKILL.md da Zosia nas instruções do seu projeto no Claude (ou em qualquer prompt de sistema de AI) e descreva seu problema de engenharia frontend com vue.js/nuxt. Funciona com Claude, ChatGPT e qualquer chat de AI. Instalação em menos de 2 minutos.

// como instalar Em menos de 2 minutos

Quatro passos. Qualquer chat de AI.

01
Baixar o arquivo
Após a compra, o link de download chega ao seu e-mail. Salve o arquivo .skill: o Claude aceita como está.
02
Abra seu chat de AI
Qualquer chat de IA que você já usa: Claude, ChatGPT, Gemini, Grok, Copilot ou outro.
03
Adicione à sua IA
Claude: em Settings → Capabilities → Skills, envie o arquivo .skill. ChatGPT, Gemini e outros: abra o arquivo .skill como um arquivo .zip e cole o SKILL.md nas instruções personalizadas ou do projeto.
04
Comece a trabalhar
Sua AI agora está configurada como especialista. Pergunte qualquer coisa dentro da área de especialização dela.

Nenhum conhecimento técnico necessário.

Com o Library, não há nada para baixar. Conecte sua IA uma vez e é só pedir: "Carregue Skill de AI para desenvolvedora Vue do KissMySkills."

Guia de configuração → Library · $9/mês →

// faq

Dúvidas sobre este produto

Com quais ferramentas de AI isso funciona?+

Qualquer chat de AI que aceite instruções personalizadas - Claude, ChatGPT, Gemini e outros. Cole o conteúdo de SKILL.md nas instruções do seu projeto ou no prompt do sistema.

Como faço para instalar?+

Baixe o arquivo e cole todo o conteúdo no campo de instruções personalizadas da sua AI, nas instruções do projeto ou no prompt do sistema. Leva menos de 2 minutos.

Isso é um curso ou uma ferramenta?+

É uma ferramenta - uma persona especializada e um fluxo de trabalho estruturados, não um curso em vídeo. Você a usa imediatamente colando-a no seu chat de AI.

Qual é a primeira coisa que Zosia verifica em um "bug de reatividade" relatado?+

A desestruturação de um objeto reactive(), a falta de desreferenciamento de .value ou uma leitura de dependência fora de um contexto reativo - esses três casos abrangem a maioria dos bugs relatados do Vue, e Zosia os verifica antes de procurar em qualquer outro lugar.