Criar artefatos HTML complexos com React requer tempo significativo de configuração. Esta skill fornece scripts automatizados para inicializar projetos React com Tailwind CSS e shadcn/ui, depois empacota tudo em um único arquivo HTML portátil pronto para compartilhar em conversas do Claude.

Criar um estilo visual consistente e profissional para apresentações exige tempo significativo e expertise em design. Esta skill fornece 10 temas de cores e fontes cuidadosamente selecionados que podem ser aplicados instantaneamente a qualquer artefato, além da capacidade de gerar temas personalizados sob demanda.

Os usuários precisam de GIFs dimensionados corretamente para reações e mensagens do Slack. Esta skill fornece ferramentas para criar GIFs otimizados com utilitários de animação, funções de easing e validação para atender aos requisitos do Slack.

Usuários têm dificuldade em gerar código frontend que se destaque de designs genéricos gerados por IA. Esta skill orienta a criação de interfaces memoráveis e de qualidade profissional com estéticas ousadas, tipografia cuidadosa e detalhes visuais refinados.

Criar obras visuais originais requer conhecimento profundo de design e habilidade artística. Esta habilidade gera pôsteres, designs e arte visual de qualidade museológica usando filosofias de design estabelecidas expressas através de forma, cor e composição. A saída é em formato PNG ou PDF.

Aplicar uma marca consistente requer conhecer as cores e fontes exatas. Esta skill fornece as diretrizes oficiais da marca Anthropic para que você possa estilizar rapidamente qualquer artefato.

Os usuários querem arte generativa única, mas não têm conhecimento de design algorítmico. Esta skill cria arte algorítmica original usando p5.js com aleatoriedade com semente, campos de fluxo, sistemas de partículas e exploração interativa de parâmetros para resultados visuais personalizados.

Criar interfaces de usuário responsivas e acessíveis requer conhecimento profundo de classes utilitárias e padrões de design. Esta habilidade oferece orientação especializada para layouts mobile-first, suporte a modo escuro e estilização de componentes usando as convenções do Tailwind CSS.

As equipes têm dificuldade em manter a consistência da marca em documentos, sites e materiais de marketing. Esta skill fornece templates abrangentes e especificações para uso de logotipo, paletas de cores, tipografia e tom de voz da marca para garantir uma identidade de marca profissional e coesa em todos os canais.

Designs genéricos gerados por IA frequentemente parecem iguais. Esta skill orienta a criação de interfaces frontend memoráveis e prontas para produção, com escolhas estéticas ousadas e polimento visual excepcional.

Criar componentes React acessíveis requer tempo e atenção cuidadosa à navegação por teclado e atributos ARIA. Esta skill fornece padrões de componentes shadcn/ui para copiar e colar, com validação de formulários, modo escuro e layouts responsivos para aplicações Next.js.

Criar artefatos visualmente consistentes consome tempo e requer expertise em design. Esta skill fornece 10 temas profissionalmente curados com paletas de cores e combinações de fontes que podem ser instantaneamente aplicados a apresentações, documentos e relatórios.

Criar GIFs animados para Slack requer seguir limites rigorosos de tamanho e usar técnicas de animação apropriadas. Este toolkit oferece validadores, primitivas de animação e ferramentas de otimização para criar GIFs de mensagens e emojis personalizados que funcionam perfeitamente no Slack.

Os utilizadores têm dificuldade em traduzir conceitos de design abstratos em obras visuais envolventes. Esta habilidade gera designs visuais de qualidade museológica usando estruturas filosóficas, criando composições originais em formatos PNG e PDF com tipografia profissional.

Crie documentos e artefatos que correspondam à identidade visual da Anthropic. Aplique cores e tipografia oficiais da marca de forma consistente em todos os materiais.

Criar arte generativa requer tanto habilidade técnica quanto visão artística. Esta habilidade orienta sistemas de IA a criar arte algorítmica original com aleatoriedade semeada, parâmetros interativos e saída de qualidade de galeria.

Criar interfaces de usuário consistentes e acessíveis em diferentes aplicações é desafiador sem fundamentos de design padronizados. Esta habilidade fornece estruturas de tokens de design, padrões de componentes e diretrizes de acessibilidade para construir sistemas de design escaláveis que garantem consistência visual e conformidade com WCAG.

Verifique sua interface web contra as diretrizes oficiais de acessibilidade e design da Vercel. Obtenha feedback imediato sobre HTML semântico, estados de foco, formulários, animações, tipografia, imagens e mais.

Muitas interfaces geradas por IA parecem genéricas e carecem de caráter criativo. Esta skill orienta o Claude Code a criar interfaces web de nível de produção com qualidade estética excepcional, identidade visual distintiva e decisões de design cuidadosas que evitam padrões comuns de IA.

Manter a identidade da marca consistente em todos os documentos é demorado e sujeito a erros. Esta skill fornece acesso instantâneo aos padrões de marca corporativa, incluindo paletas de cores, tipografia, regras de formatação e ferramentas de validação para garantir que todos os documentos atendam às diretrizes profissionais da marca.