Crie GIFs animados que atendam aos limites de tamanho do Slack. Construa animações com primitivas combináveis como shake, bounce, spin, pulse, fade, zoom e explode. Valida tamanho de arquivo e dimensões para GIFs de emoji e mensagens.

Imagens frequentemente perdem qualidade durante compressão ou edição. Esta skill melhora resolução, nitidez e clareza preservando os originais. Perfeita para criar visuais profissionais a partir de qualquer imagem.

A criação de ativos visuais requer ferramentas especializadas e habilidades de design. Esta habilidade permite a geração e edição de imagens com IA através do OpenRouter, suportando modelos FLUX e Gemini para criar fotos, ilustrações, obras de arte e conceitos visuais.

Código frontend gerado por IA geralmente carece de visão criativa e estética memorável. Esta habilidade orienta o Claude a criar interfaces de qualidade de produção, visualmente impactantes, com escolhas de design ousadas, tipografia única e direção estética coesa.

Usuários têm dificuldade em criar designs visuais sofisticados e com qualidade de museu. Esta skill oferece uma abordagem estruturada à filosofia de design que orienta a criação de peças visuais artísticas originais em formato PNG ou PDF.

Crie documentos e apresentações profissionais com a identidade de marca da Anthropic. Esta skill fornece cores oficiais e diretrizes de tipografia para garantir uma identidade visual consistente em todos os seus artefatos.

Problemas de acessibilidade web podem excluir usuários com deficiências de acessar seu site. Esta skill fornece orientação abrangente para implementar padrões WCAG 2.1, atributos ARIA e navegação por teclado para criar experiências inclusivas para todos os usuários.

A extração manual de tokens de design de capturas de tela e mockups é demorada e propensa a erros. Esta habilidade usa um processo de IA de 7 passagens para extrair sistematicamente cores, tipografia, espaçamento, componentes e detalhes de acessibilidade no formato JSON padronizado W3C DTCG pronto para geração de código.

Fontes genéricas fazem os designs parecerem amadores. Esta habilidade fornece diretrizes tipográficas especializadas para criar layouts de texto visualmente impactantes e profissionais usando recomendações de fontes selecionadas.

Assistentes de IA frequentemente geram frontends genéricos e visualmente monótonos que os usuários chamam de 'desleixo de IA'. Esta skill fornece orientação de design para tipografia, esquemas de cores, movimento e fundos para criar interfaces distintivas e polidas que se destacam.

O Figma MCP gera código com variáveis proprietárias como var(--spacing-4) que criam problemas de manutenção. Esta skill fornece regras de conversão claras para transformar essas variáveis em classes padrão do Tailwind CSS para um código frontend mais limpo e sustentável.

Animacoes web frequentemente falham em testes de acessibilidade e prejudicam o desempenho. Esta skill fornece padroes GSAP prontos para producao que respeitam as preferencias do usuario e mantem 60fps.

Crie apresentações visualmente consistentes com paletas de cores e combinações de fontes curadas profissionalmente. Economize tempo aplicando temas prontos em vez de projetar do zero.

Criar GIFs animados para Slack é desafiador devido aos limites rigorosos de tamanho e requisitos de formato. Esta skill fornece validadores para verificar as restrições do Slack, primitivas de animação composáveis e utilitários para criar GIFs animados profissionais e emojis que atendem às especificações da plataforma.

Usuários têm dificuldade em comunicar conceitos complexos de design visual para assistentes de IA. Esta skill fornece uma estrutura de filosofia de design que transforma ideias abstratas em arte visual sofisticada nos formatos PNG ou PDF.

Adicione animações polidas a landing pages e demos sem comprometer a performance ou acessibilidade. A Visual Engine Skill gerencia automaticamente timing, easing e padrões de movimento seguros.

Equipes de marketing lutam para traduzir ideias em planos prontos para vídeo. Esta skill fornece estruturas organizadas para ganchos, roteiros, listas de tomadas e diretrizes específicas por plataforma em YouTube, TikTok, Instagram e LinkedIn.

Gere componentes de UI consistentes e acessíveis que sigam as diretrizes do sistema de design. Garante distinção visual, alinhamento de marca e conformidade com acessibilidade para cada componente.

Criar estilos consistentes e responsivos para aplicações React requer a compreensão de múltiplas abordagens de CSS. Esta habilidade fornece padrões prontos para uso com Tailwind CSS, CSS Modules e variantes de componentes que melhoram a velocidade de desenvolvimento.

Pare de codificar manualmente componentes de IU do zero. Esta habilidade gera componentes de IU acessíveis e responsivos e formulários de Feedback usando shadcn/ui e práticas modernas.