delight

Visão Geral

O que é a skill delight?

A skill delight foca em elevar interfaces de usuário de meramente funcionais para verdadeiramente agradáveis. Ao introduzir momentos de alegria, personalidade e um toque inesperado de refinamento, ela ajuda a tornar as experiências digitais memoráveis e envolventes. Essa skill é especialmente relevante para designers de UI e desenvolvedores frontend que desejam adicionar acabamento, personalidade, animações e microinterações aos seus projetos.

Quem deve usar delight?

• Designers de UI que buscam criar interfaces envolventes e memoráveis
• Desenvolvedores frontend interessados em adicionar animações e microinterações
• Equipes que querem infundir personalidade e diversão em seus apps
• Qualquer pessoa responsável por tornar uma interface mais refinada, agradável ou divertida

Problemas que delight resolve

• Evita que interfaces pareçam estéreis ou genéricas
• Ajuda a identificar momentos naturais para encantar (sucesso, onboarding, carregamento, conquistas, erros, easter eggs)
• Orienta a adição de refinamento sem distrair da funcionalidade principal

Como Usar

Passos para instalação

1. Instale delight usando:
   npx skills add https://github.com/pbakaus/impeccable --skill delight
2. Comece pelo arquivo SKILL.md para uma visão geral dos princípios e fluxo de trabalho.
3. Revise arquivos de suporte como README.md, AGENTS.md e metadata.json para contexto e detalhes de implementação.
4. Explore pastas como rules/, resources/ e references/ para exemplos práticos e scripts auxiliares.

Recomendações de fluxo de trabalho

• Sempre inicie coletando o contexto de design usando o Protocolo de Coleta de Contexto da skill /frontend-design.
• Avalie onde delight pode amplificar a experiência do usuário sem causar distração ou bloquear o progresso.
• Adapte os princípios delight à personalidade da sua marca e público (divertida, profissional, excêntrica, elegante).
• Use delight em momentos naturais: estados de sucesso, onboarding, carregamento, conquistas, interações, erros e easter eggs escondidos.

Melhores práticas

• Delight deve amplificar, nunca bloquear, a jornada do usuário.
• Personalize animações e microinterações para se adequar ao domínio e contexto emocional.
• Visualize primeiro o arquivo SKILL.md para orientações práticas.

Perguntas Frequentes

Onde devo adicionar delight na minha interface?

Concentre-se em momentos como ações concluídas, onboarding, telas de carregamento, conquistas, elementos interativos e estados de erro. Use delight para suavizar frustrações e recompensar a curiosidade.

Delight é adequado para todo tipo de projeto?

Delight é ideal para projetos onde o engajamento do usuário e a personalidade da marca são importantes. Para interfaces altamente utilitárias ou profissionais, prefira um acabamento sutil em vez de animações lúdicas.

Como começo a usar?

Instale a skill, revise o SKILL.md e siga os passos obrigatórios de preparação. Adapte o fluxo de trabalho às suas ferramentas e repositório.

Onde encontro mais exemplos?

Abra a aba Files para explorar a árvore completa de arquivos, incluindo referências e scripts auxiliares para implementação prática.