Skills publicados 24
typeset
Transforme a Tipografia em Design Intencional
Fontes genéricas e dimensionamento inconsistente comprometem a credibilidade da sua interface. O Typeset aplica princípios de tipografia profissional para criar hierarquia clara, texto legível e visuais polidos que refletem a personalidade da sua marca.
teach-impeccable
Capture o contexto do seu design para uma colaboração consistente com IA
Assistentes de IA tomam melhores decisões de design quando entendem sua marca e seus usuários. Esta skill é executada uma vez para reunir o contexto de design específico do projeto e o salva para todas as sessões futuras.
shape
Planejar Design UX/UI Antes de Programar
A maioria das interfaces geradas por IA falham porque pulam o pensamento de design. Esta skill executa uma entrevista de descoberta estruturada para entender as necessidades do usuário, restrições e objetivos antes de produzir um briefing de design completo que orienta a implementação.
polish
Polir Sua UI à Perfeição
Uma habilidade meticulosa de verificação de qualidade que identifica problemas de alinhamento, espaçamento, consistência e detalhes no código de UI. Transforma um bom trabalho em interfaces polidas e profissionais.
quieter
Refinar Designs Excessivamente Ousados
O Claude pode automaticamente suavizar designs que são muito agressivos ou visualmente avassaladores, criando uma estética mais refinada e sofisticada enquanto preserva o impacto e a funcionalidade.
overdrive
Crie interfaces web extraordinárias com efeitos de última geração
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.
optimize
Otimizar Desempenho Web para Carregamento Mais Rápido e Interações Mais Suaves
Interfaces lentas frustram usuários e prejudicam métricas. Esta habilidade identifica e corrige sistematicamente gargalos de desempenho em velocidade de carregamento, renderização, animações, imagens e tamanho de bundle para criar experiências mais rápidas e suaves.
onboard
Criar Fluxos de Integração de Usuários que Estimulam a Adoção
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.
normalize
Normalizar Componentes de UI para Sistema de Design
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.
layout
Crie Layouts Polidos com Espaçamento Sistemático
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.
impeccable
Crie interfaces frontend polidas com IA
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.
harden
Proteja Suas Interfaces Contra a Realidade da Produção
Interfaces quebram quando usuários reais inserem dados inesperados, perdem conexão ou usam tecnologias assistivas. Esta habilidade fortalece sistematicamente sua UI contra casos extremos, problemas de internacionalização, erros e lacunas de acessibilidade para garantir resiliência pronta para produção.
frontend-design
Crie interfaces frontend distintas que se destaquem
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.
extract
Extrair Componentes do Sistema de Design
Identificar e extrair componentes reutilizáveis, tokens de design e padrões do seu código-fonte em um sistema de design estruturado. Esta habilidade consolida código de UI disperso em ativos sistemáticos e documentados.
distill
Simplificar e Reduzir o Design à Sua Essência
Esta habilidade ajuda assistentes de IA a simplificar designs complexos removendo elementos desnecessários, criando interfaces de usuário limpas e focadas que guiam os usuários aos seus objetivos.
delight
Transforme interfaces com microinterações deliciosas
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.
critique
Critique Seu Design
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.
colorize
Adicione Cor Estratégica aos Seus Designs
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.
clarify
Melhorar texto confuso de UX e mensagens de erro
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.
bolder
Transformar Designs Entediantes em Experiências Ousadas
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.
audit
Auditar Qualidade da Interface
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.
arrange
Transforme Layouts com Espaçamento e Ritmo Intencionais
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.
animate
Adicionar Animações e Micro-interações Propositais
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.
adapt
Adapte Designs para Qualquer Tela ou Plataforma
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.