Interfaces web padrão parecem estáticas e previsíveis. O Overdrive as transforma com transições cinematográficas, visuais acelerados por GPU e animações baseadas em física que surpreendem e encantam os usuários.

Os usuários abandonam produtos quando não conseguem entender o valor rapidamente. Esta habilidade ajuda você a criar experiências de integração que guiam os usuários ao seu primeiro sucesso sem sobrecarregá-los.

Elimina inconsistências de design ao detectar e corrigir automaticamente desvios do seu sistema de design. Garante que cada componente use tokens corretos, padrões e convenções estabelecidas.

Corrija grades monótonas e espaçamento inconsistente que tornam interfaces amadoras. Esta skill estabelece escalas de espaçamento sistemáticas, ritmo visual e hierarquia clara para transformar layouts genéricos em composições intencionais.

Interfaces geradas por IA frequentemente parecem genéricas e baseadas em templates. O Impeccable orienta a IA através de decisões de design especializadas, produzindo código frontend diferenciado e de qualidade profissional.

Código genérico gerado por IA produz designs esquecíveis e baseados em modelos. Esta habilidade ensina direção estética ousada e implementação de nível de produção que cria experiências de usuário memoráveis.

Interfaces funcionais frequentemente parecem frias e mecânicas. Esta skill adiciona momentos estratégicos de alegria e personalidade que fazem os usuários sorrirem enquanto mantêm a usabilidade.

Obtenha feedback especializado em design UX que identifica padrões gerados por IA, problemas de hierarquia visual e melhorias acionáveis para elevar sua interface.

Transforme interfaces cinzas e sem vida em experiências calorosas e envolventes. Esta habilidade aplica teoria de cores intencional para melhorar a hierarquia visual e o encantamento do usuário.

Texto confuso na interface frustra os usuários e aumenta os custos de suporte. Esta skill transforma jargões, rótulos ambíguos e mensagens de erro ruins em texto claro e amigável que orienta os usuários de forma eficaz.

Pare de se acomodar com interfaces genéricas e esquecíveis. Esta skill ajuda o Claude a criar designs visualmente impressionantes que capturam os usuários enquanto mantém padrões de usabilidade e acessibilidade.

A má qualidade da interface prejudica a experiência do usuário e exclui pessoas com deficiências. Esta habilidade fornece auditoria sistemática em acessibilidade, desempenho, theming e design responsivo para identificar problemas antes que cheguem à produção.

Elimine grades monótonas e espaçamentos arbitrários. Esta habilidade fornece uma abordagem sistemática para criar hierarquia visual através de espaçamento intencional, ritmo variado e layouts estruturados que guiam o olhar para o que importa.

Interfaces estáticas parecem incompletas e perdem oportunidades de orientar usuários. Esta habilidade ajuda você a adicionar estrategicamente movimento que fornece feedback, melhora a compreensão e cria experiências agradáveis sem sobrecarregar os usuários.

Com dificuldades para fazer seu design funcionar em mobile, tablet, desktop, impressão ou e-mail? Esta skill fornece orientação especializada na adaptação de designs para diferentes contextos, mantendo consistência e usabilidade.

A construção de interfaces iOS modernas requer a implementação de efeitos visuais avançados. Esta skill fornece diretrizes e exemplos de código para usar a API de Vidro Líquido do iOS 26+ para criar superfícies de vidro com desfoque, reflexão e interatividade no SwiftUI.

Criar capturas de tela profissionais para a App Store é tedioso e demorado. Esta skill gera capturas de tela de iOS otimizadas para marketing nas resoluções exigidas pela Apple usando Next.js e html-to-image.

Criar mídia profissional gerada por IA requer integrações complexas de API e gerenciamento de modelos. A skill MuleRouter simplifica isso fornecendo uma interface unificada para gerar imagens e vídeos usando modelos de IA de última geração.

Criar designs profissionais normalmente exige contratar um designer ou aprender softwares complexos. Esta skill gera logotipos, documentos de identidade de marca, imagens para redes sociais, banners, ícones e apresentações diretamente a partir das suas descrições usando IA.

Os sistemas de design frequentemente se quebram quando os tokens não são aplicados de forma consistente nas camadas primitiva, semântica e de componentes. Esta skill gera variáveis CSS a partir de definições de tokens em JSON, valida o uso de tokens no código e cria apresentações de slides compatíveis com a marca, com integração ao Chart.js.