391 habilidades
🎨

ai-image-generation

Baixo Risco 67

Gere imagens com IA usando 50+ modelos

por inference-sh-8

Crie imagens profissionais com IA sem aprender múltiplas plataformas. Acesse FLUX, Gemini, Grok, Seedream e Reve através de uma interface CLI unificada.

Claude Codex Code(CC)
Instalar
🎬

remotion-render

Baixo Risco 67

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 69

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
📦

reactbits

Baixo Risco 71

Navegue e Instale Mais de 135 Componentes React Animados

por hwj23016021425

Encontrar componentes React animados espalhados pela documentação e exemplos de código leva horas. Esta skill fornece acesso instantâneo a mais de 135 componentes React animados prontos para produção do ReactBits.dev com código-fonte copiável.

Claude Codex Code(CC)
Instalar
📦

higgsfield-soul-id

Baixo Risco 70

Train a personalized AI character with your face photos

por higgsfield-ai

Creating consistent AI-generated images and videos with your identity requires a model that recognizes your face. This skill trains a Soul Character on your photos so Higgsfield can generate content that faithfully reproduces your appearance across scenes and styles.

Claude Codex Code(CC)
Instalar
📦

higgsfield-product-photoshoot

Baixo Risco 70

Gere Fotos de Produtos com Qualidade de Marca Usando IA

por higgsfield-ai

A fotografia profissional de produtos exige estúdios, equipamentos e fotógrafos caros. Esta skill cria imagens de produtos com qualidade de marca, cenas de estilo de vida e criativos de marketing através do aprimoramento de prompts por IA usando a CLI do higgsfield.

Claude Codex Code(CC)
Instalar
📦

higgsfield-marketplace-cards

Baixo Risco 69

Generate marketplace-ready product images for your listings

por higgsfield-ai

Creating compliant marketplace product images requires following platform-specific rules for size, content, and style. This skill generates main images, secondary product shots, and A+ brand content modules that meet marketplace requirements using the Higgsfield AI platform.

Claude Codex Code(CC)
Instalar
📦

higgsfield-generate

Baixo Risco 68

Gere imagens, vídeos e anúncios com IA usando Higgsfield

por higgsfield-ai

Profissionais de marketing e criadores precisam de produção rápida e consistente de conteúdo visual, sem ferramentas de design complexas. Esta skill conecta você a mais de 30 modelos de IA da Higgsfield por meio de comandos de texto simples para gerar imagens, vídeos, anúncios de marca e conteúdo de marketing.

Claude Codex Code(CC)
Instalar
📦

lottie

Seguro 69

Integrate Lottie Animations into HyperFrames Videos

por heygen-com

Lottie animation files do not work directly in HyperFrames video compositions because the player objects need deterministic seeking. This skill provides adapter patterns to register lottie-web and dotLottie players so HyperFrames can render them frame-accurately.

Claude Codex Code(CC)
Instalar
🎬

hyperframes

Baixo Risco 79

Criar composições e animações de vídeo baseadas em HTML

por heygen-com

Criar animações de vídeo requer aprender softwares especializados de produção de vídeo e pipelines de renderização complexos. O HyperFrames permite escrever HTML para definir composições de vídeo, usar GSAP para animações e renderizar vídeos profissionais com legendas, transições e áudio.

Claude Codex Code(CC)
Instalar
🎬

gsap

Baixo Risco 71

Criar animações GSAP profissionais para vídeo

por heygen-com

Escrever animações GSAP para composições de vídeo exige timing preciso e execução determinística. Esta skill fornece documentação completa do GSAP e efeitos prontos para usar em HyperFrames, permitindo criar animações suaves e profissionais sem precisar consultar múltiplas fontes.

Claude Codex Code(CC)
Instalar
📦

css-animations

Seguro 71

Create Deterministic CSS Animations for Video Rendering

por heygen-com

CSS animations in video rendering break during seeking because they lack deterministic state management. This skill provides adapter patterns for writing CSS keyframe animations that seek reliably in HyperFrames previews and renders.

Claude Codex Code(CC)
Instalar
📦

animejs

Seguro 71

Create Anime.js Animations for HyperFrames

por heygen-com

Writing Anime.js animations for video rendering requires deterministic, seek-driven instances. This skill provides the patterns and validation steps needed to make any Anime.js animation render-safe inside HyperFrames compositions.

Claude Codex Code(CC)
Instalar
🎨

stitch-design

Seguro 76

Crie designs de UI profissionais a partir de prompts de texto

por google-labs-code

Equipes de design passam horas criando mockups de UI manualmente. A skill Stitch Design automatiza a geração de telas de alta fidelidade a partir de descrições de texto, mantendo a consistência do sistema de design.

Claude Codex Code(CC)
Instalar
📦

remotion

Baixo Risco 70

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
📦

excalidraw-diagram-generator

Baixo Risco 73

Criar Diagramas Excalidraw a partir de Linguagem Natural

por github

Transforme ideias em diagramas visuais sem desenhar manualmente. Gere fluxogramas profissionais, mapas mentais e diagramas de arquitetura como arquivos Excalidraw editáveis.

Claude Codex Code(CC)
Instalar
📦

emil-design-eng

Seguro 69

Crie interfaces polidas com orientação especializada em design

por emilkowalski

A maioria das interfaces carece dos detalhes invisíveis que fazem o software parecer correto. Esta skill aplica princípios comprovados de engenharia de design para animações, transições e polimento de componentes para ajudá-lo a criar interfaces que os usuários adoram.

Claude Codex Code(CC)
Instalar
📱

frontend-responsive

Seguro 69

Criar layouts responsivos mobile-first

por EIS-ITS

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.

Claude Codex Code(CC)
Instalar
🎨

frontend-css

Seguro 69

Aplicar padrões e metodologia de codificação CSS

por EIS-ITS

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.

Claude Codex Code(CC)
Instalar
🎨

theme-factory

Seguro 68

Aplicar estilos de cores e fontes temáticas a artefatos

por DYAI2025

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.

Claude Codex Code(CC)
Instalar