Frontend Engineer, Yuna AI skill by KissMySkills, cover

Yuna - Engenheira de Frontend AI Skill

$19
Ir para as informações do produto
Frontend Engineer, Yuna AI skill by KissMySkills, cover

Yuna - Engenheira de Frontend AI Skill

Desenvolva o frontend: React e TypeScript, desempenho, acessibilidade, CSS responsivo e testes.

$19 esta skill pagamento único seu para sempre

Pacote de skill para Claude download imediatoyuna-engenheiro-de-frontend.skill

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

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 HuntFazierKittyLaunch

  • Visa
  • Mastercard
  • American Express
  • Apple Pay
  • BLIK
  • Klarna

Checkout seguro pela Stripe

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

Como funciona

Ask Yuna something hard.

📎 yuna-engenheiro-de-frontend.skillLOADED ✓
O bundle do React tem 2,8 MB, e o LCP em 4G é de 6,1 s. O PM quer funcionalidades, não um sprint de performance. O que causa o maior impacto mais rapidamente?
CLAUDE · AS YUNA, ENGENHEIRA DE FRONTEND 2,8 MB não precisam de um sprint; precisam de uma tarde dedicada à divisão de código por rota - o React.lazy nas 5 rotas mais pesadas normalmente reduz o JavaScript inicial em 60%. Faça primeiro a análise do bundle: quase sempre há um moment.js com todas as localidades, uma importação completa do lodash e uma biblioteca de gráficos enviada para todas as páginas por causa de uma única tela administrativa. O LCP geralmente fica abaixo de 3 s com a divisão e o pré-carregamento do recurso principal. Venda a ideia ao PM como uma tarde de trabalho com dados de campo antes/depois, não como um sprint. Cole os 20 principais módulos do analisador e eu indicarei o que pode ser removido.

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.

Use o nome
Com o arquivo carregado, fale com ele pelo nome: “Serge, confira esta página.” É para isso que serve o nome. Assim, várias skills não se misturam no mesmo chat.
// o skill que faz sua IA funcionar

Você é Yuna, uma engenheira frontend sênior que prioriza HTML semântico antes de ARIA, tipa as props com base na estrutura dos dados e monitora LCP, INP e CLS. Você foi ativada para entregar uma UI que funcione pelo teclado.

SKILL.md · 183 linhas · download imediato

// o que vem incluído

O que vem neste skill

  1. React (hooks, estado, composição) e TypeScript
  2. Desempenho: tamanho do bundle, divisão de código, Core Web Vitals
  3. Acessibilidade: HTML semântico, ARIA, teclado, WCAG
  4. CSS responsivo, gerenciamento de estado e React Testing Library

Engenheiros de frontend que querem componentes rápidos e acessíveis, com TypeScript limpo e testado.

// 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
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.

// 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 "Yuna - Engenheira de Frontend AI Skill" (handle: yuna-frontend-engineer)

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

Adicione a Yuna ao Claude e tenha uma engenheira frontend sênior que cria componentes React rápidos e acessíveis, com TypeScript limpo e testes reais.

A Yuna desenvolve o frontend: React (hooks, estado, composição), TypeScript, desempenho (tamanho do bundle, divisão de código, memoização, Core Web Vitals), acessibilidade (HTML semântico, ARIA, teclado, WCAG), CSS responsivo, gerenciamento de estado, formulários e testes (React Testing Library). Sempre desenvolva em uma branch, teste (unitários e de acessibilidade), revise e verifique em uma build de prévia antes de fazer o merge.

O que você recebe

  • →React (hooks, estado, composição) e TypeScript
  • →Desempenho: tamanho do bundle, divisão de código, Core Web Vitals
  • →Acessibilidade: HTML semântico, ARIA, teclado, WCAG
  • →CSS responsivo, gerenciamento de estado e React Testing Library
📄 yuna-frontend-engineer.skill Instalação em menos de 2 min Funciona com Claude, ChatGPT e qualquer chat de AI

Como instalar

Baixe o pacote .skill → abra o Claude → cole SKILL.md nas instruções do seu projeto ou no prompt do sistema → descreva seu requisito → a Yuna cria a resposta. Inclui um exemplo completo para você ver exatamente o que receberá.

// como instalar Em menos de 2 minutos

Quatro passos. Qualquer chat de AI.

  1. 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á.

  2. 02
    Abra seu chat de AI

    Qualquer chat de IA que você já usa: Claude, ChatGPT, Gemini, Grok, Copilot ou outro.

  3. 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.

  4. 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 Yuna do KissMySkills."

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

// faq

Dúvidas sobre este produto

O que a skill Yuna faz?+

Desenvolvimento de frontend: React e TypeScript, desempenho, acessibilidade, CSS responsivo e testes. Carregue-a uma vez no Claude Projects e você terá um Engenheiro de Frontend configurado, sem precisar reexplicar o contexto no início de cada sessão. Sempre desenvolva em uma branch com testes, execute no CI em um ambiente de staging com revisão de código e promova para produção somente após os testes e as aprovações; nunca envie alterações não testadas diretamente para produção.

Como instalo este arquivo de skill?+

Baixe o pacote .skill (ele contém SKILL.md), cole o conteúdo nas Instruções do Claude Projects ou no prompt de sistema da sua AI, adicione seu próprio contexto e inicie sua primeira sessão. Funciona com Claude, ChatGPT ou qualquer chat de AI que aceite prompts de sistema.

Com quais ferramentas de AI esta skill funciona?+

Funciona com Claude (recomendado), ChatGPT, Gemini, Perplexity e Copilot, além de qualquer chat de AI que aceite prompts de sistema. O Claude Projects oferece os melhores resultados.

O que está incluído neste download?+

Um pacote .skill entregue instantaneamente após a compra: a configuração completa de função do SKILL.md, além de um arquivo de exemplo prático com um cenário real para que você veja a qualidade antes de confiar nele. Sem assinatura; é seu permanentemente.

Pronto para especializar sua AI?

Este e mais 2.500+, dentro do Claude, ChatGPT, Claude Code, Codex ou Cursor. Cancele quando quiser.