148 habilidades
🎨

web-design-guidelines

Seguro 69

Review UI code for design compliance

por vercel-labs

Claude can automatically review UI code against established web design guidelines, catching accessibility issues, usability problems, and best practice violations before deployment. This skill fetches the latest guidelines and performs static analysis to identify improvements.

Claude Codex Code(CC)
Instalar
📦

ai-elements

Seguro 81

Construir Interfaces de Chat com IA

por vercel

Crie componentes modernos de interface de chat com IA usando elementos de UI pré-construídos e compostáveis que seguem os padrões do shadcn/ui e convenções do Vercel AI SDK.

Claude Codex Code(CC)
Instalar
🎨

theme-factory

Seguro 68

Aplique um tema profissional ao seu artefato

por anthropics

Você precisa de um estilo visual consistente em documentos e apresentações. Esta skill oferece 10 temas curados e pode gerar temas personalizados com base nos seus requisitos. Aplique cores e fontes correspondentes em slides, documentos e relatórios.

Claude Codex Code(CC)
Instalar
🎬

slack-gif-creator

Seguro 71

Criar GIFs animados para Slack

por anthropics

Criar GIFs animados para Slack requer dimensões específicas, limites de cores e taxas de quadros para exibir corretamente. Esta skill oferece ferramentas para construir GIFs que atendem aos requisitos do Slack com funções de easing suaves e efeitos visuais.

Claude Codex Code(CC)
Instalar
📦

liquid-glass

Seguro 71

Adicionar efeitos de Vidro Líquido a aplicativos SwiftUI

por patrickserrano

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.

Claude Codex Code(CC)
Instalar
🎨

mulerouter

Seguro 80

Gerar Imagens e Vídeos IA com MuleRouter

por openmule

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.

Claude Codex Code(CC)
Instalar
🖼️

nano-image-generator

Seguro 77

Gerar imagens usando Gemini 3 Pro com referências de estilo

por lxfater

Criar ativos visuais para projetos costuma exigir ferramentas de design caras ou ilustração manual. Esta skill permite geração instantânea de imagens usando a Google Gemini 3 Pro Preview API com suporte a imagens de referência para manter estilo consistente e aparência de personagens em vários ativos.

Claude Codex Code(CC)
Instalar
🎨

generate-image

Seguro 73

Gerar imagens de IA com FLUX e Gemini

por K-Dense-AI

Crie imagens de alta qualidade para apresentações, documentos e publicações usando modelos de IA. Gere arte original ou edite imagens existentes com prompts de texto simples. Acesse modelos FLUX e Gemini através da API OpenRouter.

Claude Codex Code(CC)
Instalar
🎨

baoyu-xhs-images

Seguro 75

Criar série de infográficos Xiaohongshu

por JimLiu

Transforma conteúdo em séries de infográficos envolventes no estilo Xiaohongshu. Seleciona automaticamente estilos visuais e layouts com base na análise de conteúdo. Gera de 1 a 10 imagens no estilo cartoon otimizadas para a plataforma Xiaohongshu.

Claude Codex Code(CC)
Instalar
📊

baoyu-slide-deck

Seguro 74

Criar apresentações profissionais a partir de conteúdo

por JimLiu

Usuários têm dificuldade em transformar conteúdo escrito em apresentações visuais. Esta skill analisa conteúdo, gera estruturas de slides completas com especificações de estilo e produz imagens individuais de slides usando geração de imagens por IA.

Claude Codex Code(CC)
Instalar
🎨

baoyu-image-gen

Baixo Risco 70

Gere Imagens AI com OpenAI e Google

por jimliu

Crie imagens de alta qualidade geradas por IA sem sair do seu ambiente de desenvolvimento. Suporta múltiplos provedores, proporções de aspecto e imagens de referência para controle visual preciso.

Claude Codex Code(CC)
Instalar

baoyu-gemini-web

Baixo Risco 71

Gerar texto e imagens com Gemini Web

por JimLiu

Acesse o Google Gemini Web para geração de texto e criação de imagens com IA. Usa autenticação baseada em navegador para lidar com o login do Google com segurança. Fornece uma base para outras habilidades baoyu que precisam de recursos do Gemini.

Claude Codex Code(CC)
Instalar
🎨

baoyu-cover-image

Seguro 73

Gerar imagens de capa de artigos em estilo desenhado à mão

por JimLiu

Criar imagens de capa visualmente atraentes para artigos requer habilidades de design e ferramentas de geração de imagens. Esta habilidade analisa seu conteúdo e gera automaticamente imagens de capa em estilo desenhado à mão em múltiplos estilos visuais.

Claude Codex Code(CC)
Instalar
🎨

baoyu-comic

Baixo Risco 76

Criar quadrinhos educativos de conhecimento

por JimLiu

Transforme tópicos complexos em quadrinhos visuais envolventes. Gere quadrinhos educativos de várias páginas com designs de personagens, storyboards e layouts de painéis em vários estilos artísticos.

Claude Codex Code(CC)
Instalar
🎨

baoyu-article-illustrator

Seguro 70

Gerar ilustrações de IA para artigos

por JimLiu

Artigos apenas com texto falham em engajar leitores. Esta skill analisa o conteúdo do seu artigo e gera automaticamente ilustrações contextuais em posições-chave. Escolha entre 9 estilos visuais para combinar com o tom e tema do seu conteúdo.

Claude Codex Code(CC)
Instalar
📦

ai-video-generation

Baixo Risco 69

Gerar Vídeos com IA

por inference-sh

Crie vídeos a partir de texto, imagens ou áudio usando mais de 40 modelos de IA. Gere clipes para redes sociais, conteúdo de marketing e vídeos explicativos com ferramentas como Veo 3.1, Grok Video e Wan 2.5.

Claude Codex Code(CC)
Instalar
🎬

remotion-render

Baixo Risco 71

Renderize Vídeos a Partir de Código React/Remotion

por inference-sh-7

Transforme código TSX React e Remotion em vídeos MP4 programaticamente. Perfeito para desenvolvedores que desejam gerar animações, motion graphics e vídeos orientados por dados através de código.

Claude Codex Code(CC)
Instalar
🎬

remotion-render

Seguro 74

Renderizar Vídeos a partir de Código React/Remotion

por inference-sh-6

Transforme código React TSX em vídeos MP4 profissionais usando Remotion. Geração programática de vídeos para desenvolvedores, criadores de conteúdo e fluxos de trabalho de automação.

Claude Codex Code(CC)
Instalar
📦

remotion

Baixo Risco 75

Criar vídeos de explicação do Remotion a partir de telas do Stitch

por google-labs-code

As equipes precisam de vídeos de explicação rápidos e consistentes para telas de aplicativos, mas a edição manual é lenta. Esta skill automatiza a recuperação de telas e a composição com Remotion para produzir vídeos prontos para renderização com transições e sobreposições.

Claude Codex Code(CC)
Instalar
🎨

frontend-design

Seguro 70

Projurar Interfaces Frontend de Grau de Produção

por anthropics

Esta habilidade cria interfaces frontend distintas e prontas para produção que se destacam dos designs genéricos gerados por IA. Ele entrega componentes web polidos com estética ousada e atenção meticulosa aos detalhes.

Claude Codex Code(CC)
Instalar