emilkowalski/ask-sonner

Habilidade de agente 'ask-sonner' do repositório emilkowalski/skills. Use quando a tarefa corresponder ao domínio desta habilidade.

O que é ask-sonner?

A habilidade 'ask-sonner' permite que agentes de IA, como Claude Code, Cursor ou Codex, interajam diretamente com o ecossistema Sonner. Sonner é uma biblioteca de notificações moderna e acessível para React, amplamente utilizada em aplicações web. Esta skill capacita o agente a entender e responder perguntas sobre a API do Sonner, seu uso, personalização e boas práticas, integrando-se perfeitamente ao fluxo de trabalho do desenvolvedor. Ao ser invocada, o agente consulta a documentação relevante e fornece respostas precisas e contextualizadas, acelerando o desenvolvimento de interfaces de usuário com notificações elegantes.

Funciona com~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/emilkowalski/skills/tree/main/skills/ask-sonner

Installed? Explore more Programação e Desenvolvimento skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

O que ask-sonner faz?

Habilidade de agente 'ask-sonner' do repositório emilkowalski/skills. Use quando a tarefa corresponder ao domínio desta habilidade.


Esta habilidade permite que um agente de IA responda perguntas sobre a biblioteca Sonner, uma biblioteca de notificações para React. Ao ativar ask-sonner, o agente pode fornecer informações sobre instalação, uso, personalização e integração com frameworks como Next.js, Remix e Vite.

Funcionalidades principais:

  • Explicar a API do Sonner (componentes Toaster e toast).
  • Mostrar exemplos de configuração com TypeScript.
  • Sugerir boas práticas de acessibilidade e animação.
  • Ajudar na resolução de problemas comuns (ex.: estilos conflitantes, posicionamento, temas).

Plataformas suportadas:

  • Claude Code
  • Cursor
  • Codex
  • Qualquer agente compatível com skills.

Como usar:

Inclua ask-sonner no prompt do agente ou ative a habilidade manualmente. O agente interpretará a consulta e responderá com base na documentação oficial do Sonner e nas melhores práticas da comunidade.

Exemplo de prompt:

Como configurar notificações com ícones personalizados no Sonner?

O agente responderá com um exemplo prático e explicações detalhadas.

Limitações:

  • A habilidade depende da documentação disponível até a data do treinamento do modelo.
  • Para questões muito específicas ou versões futuras, recomenda-se verificar o site oficial do Sonner.

Individual skills in this repo

This repo contains 11 individual skills — each has its own dedicated page.

Habilidades Relacionadas