Criar layouts web responsivos que funcionam em todos os dispositivos é complexo e propenso a erros. Esta habilidade fornece ao Claude diretrizes claras sobre princípios de design mobile-first, contêineres fluidos, unidades relativas e interações amigáveis ao toque para garantir que seus projetos web escalem perfeitamente do mobile para desktop.

Escrever CSS sem metodologia consistente leva a problemas de manutenção e estilização inconsistente entre projetos. Esta habilidade fornece orientação estruturada sobre a aplicação de abordagens padrão da indústria como Tailwind, BEM e CSS Modules para garantir folhas de estilo limpas, sustentáveis e escaláveis.

Apresentações e documentos frequentemente carecem de consistência visual. Esta habilidade oferece 10 temas selecionados com paletas de cores e combinações de fontes. Aplique um tema instantaneamente a qualquer deck de slides ou documento para um estilo profissional.

O Slack tem limites rigorosos de tamanho para GIFs (64KB para emoji, 2MB para mensagens). Este toolkit cria animações otimizadas que atendem a essas restrições, fornecendo efeitos de animação profissionais.

Capturas de tela borradas e imagens de baixa resolução prejudicam sua imagem profissional. Esta habilidade usa IA para ampliar, nitidizar e otimizar seus visuais para apresentações e documentação cristalinas.

Criar arte visual original requer profundo entendimento de princípios estéticos e tipografia. Esta skill traduz filosofias de design abstratas em composições visuais concretas usando fontes profissionais e princípios de artesanato especializado.

Manter uma identidade de marca consistente em documentos e apresentações pode ser demorado e propenso a erros. Esta skill fornece acesso instantâneo às cores oficiais da marca Anthropic, tipografia e diretrizes de estilo para garantir conteúdo visual profissional e alinhado à marca.

Usuários precisam de logotipos SVG profissionais, mas não têm ferramentas de design ou habilidades de programação. Esta habilidade gera logotipos geométricos usando Python com gráficos vetoriais escaláveis, paletas de cores personalizadas e princípios de design limpo.

Transforme conceitos matemáticos em arte visual deslumbrante usando técnicas algorítmicas. Esta habilidade fornece modelos guiados para criar obras de arte generativas reproduzíveis com aleatoriedade semeada e controles interativos.

Os usuários precisam de orientação para operar um sintetizador complexo de WebGL e WebAudio. Esta skill fornece instruções passo a passo para configuração de palco, controles de performance, design de cena e fluxos de trabalho de gravação para o instrumento policoral Orthonotone.

Criar views SwiftUI requer compreensão da arquitetura de navegação, padrões de componentes e gerenciamento de estado. Esta skill fornece padrões prontos para uso para tabs, sheets, listas, grids e muito mais para que você possa entregar mais rápido com menos bugs.

Criar interfaces modernas no iOS com Liquid Glass exige compreender as APIs e os padrões de design específicos da Apple. Esta skill fornece padrões de código prontos para uso e checklists de revisão para implementar efeitos de vidro corretamente.

Gere CSS profissional e acessível que corresponde à estética limpa do shadcn/ui. Esta skill fornece padrões abrangentes para variáveis CSS, cores HSL, escalas de espaçamento e técnicas modernas de layout.

Sua aplicação web parece decente, mas falta o polimento de classe mundial. Use este fluxo iterativo para melhorar incrementalmente a UI/UX em desktop e mobile, alcançando qualidade visual nível Stripe através de múltiplas passagens focadas.

Construir interfaces web acessíveis garante que todos possam usar suas aplicações, incluindo usuários com deficiências. Esta skill aplica padrões WCAG, atributos ARIA adequados, navegação por teclado e compatibilidade com leitores de tela em seus componentes React.

Construir interfaces web únicas e visualmente atraentes é desafiador e consome tempo. Esta skill orienta a criação de código frontend de qualidade profissional com escolhas estéticas intencionais, evitando estéticas genéricas geradas por IA e entregando designs polidos e memoráveis.

Desenvolvedores e designers precisam de interfaces consistentes, acessíveis e visualmente atraentes, mas carecem de conhecimento abrangente em design. O UI/UX Pro Max fornece acesso instantâneo a mais de 50 estilos de design, paletas de cores, combinações de tipografia e melhores práticas específicas de frameworks através de simples pesquisas por palavras-chave.

Criar personas de usuários a partir de dados brutos de pesquisa é demorado e frequentemente inconsistente. Este toolkit analisa padrões de comportamento do usuário, dados demográficos e insights de entrevistas para gerar automaticamente personas baseadas em pesquisa com pontuação de confiança e implicações de design.

Criar sistemas de design consistentes manualmente consome tempo significativo e frequentemente resulta em implementações inconsistentes. Este conjunto de ferramentas automatiza a geração de tokens de design para cores, tipografia e espaçamento, garantindo harmonia visual em todos os componentes e exporta código pronto para desenvolvedores.

Criar temas visuais profissionais e consistentes para apresentações e documentos exige um esforço considerável de design. Esta habilidade oferece 10 combinações de temas de cores e fontes curadas que podem ser aplicadas instantaneamente a qualquer artefato, além da capacidade de gerar temas personalizados sob demanda.