O handoff de design muitas vezes perde detalhes de layout e estrutura de componentes. Esta skill orienta a conversão de Figma para React com prompts repetíveis e scripts auxiliares.

Primeiros rascunhos de API frequentemente expõem as abstrações erradas. Esta habilidade gera designs contrastantes de interfaces de módulo e compara trade-offs antes da implementação.

Equipes precisam de ativos visuais rápidos sem sair do fluxo de trabalho de programação. Esta skill usa um script Python local para gerar imagens com Gemini e salvá-las em pastas do projeto.

Equipes criativas precisam de geração rápida de imagens e vídeos sem rastreamento manual de tarefas. Esta skill envia prompts para a LibTV, monitora o progresso, faz upload de referências e baixa os resultados.

Telas genéricas de IA muitas vezes parecem inconsistentes e difíceis de refinar. Esta habilidade transforma a direção do projeto em um DESIGN.md estruturado que orienta Google Stitch, Claude, Codex e Claude Code.

Aplicativos existentes muitas vezes parecem genéricos, inconsistentes ou inacabados. Esta skill audita a interface e aplica melhorias visuais focadas sem alterar a stack principal.

Interfaces genéricas geradas por IA frequentemente parecem carregadas, brilhantes ou inconsistentes. Esta skill fornece ao Claude, Codex e Claude Code regras visuais precisas para layouts editoriais calmos.

Muitas interfaces com grande volume de dados parecem genéricas e visualmente suaves. Esta skill oferece a Claude, Codex e Claude Code regras precisas de UI brutalista industrial para grids, tipografia, cor e textura.

Prompts de imagem para frontend frequentemente produzem layouts repetitivos. Esta skill orienta Claude, Codex e Claude Code para imagens de referência de websites distintas, seção por seção.

Os conceitos visuais para aplicações móveis muitas vezes parecem genéricos, sobrecarregados ou inconsistentes. Esta skill orienta Claude, Codex e Claude Code na criação de imagens polidas de ecrãs móveis e fluxos coerentes.

Layouts genéricos de IA muitas vezes parecem planos e baseados em templates. Esta skill orienta Claude, Codex e Claude Code em direção a sistemas visuais premium, regras de movimento e polimento de UI responsiva.

Páginas genéricas de IA frequentemente repetem layouts fracos. Esta skill orienta Claude, Codex e Claude Code para UI editorial variada, movimento com GSAP e verificações visuais mais rigorosas.

Trabalhos de frontend gerados por IA podem parecer genéricos e não contemplar estados responsivos. Esta skill oferece ao Claude, Codex e Claude Code regras de UI opinativas para resultados mais refinados em React e Tailwind.

Interfaces geradas por IA muitas vezes parecem genéricas ou deixam passar detalhes de produção. Esta skill fornece ao Claude, Codex e Claude Code diretrizes rigorosas de design e frontend.

As equipes precisam de conceitos de marca que pareçam coerentes antes de investir em um sistema de identidade completo. Esta skill orienta Claude, Codex e Claude Code a criar quadros refinados de kit de marca com logotipos, paletas, mockups e regras visuais.

Creating polished images and consistent visual sets requires detailed prompts and repeated API work. This skill prepares requests, calls Seedream, and downloads the results.

Equipas científicas precisam de diagramas claros sem desenho manual demorado. Esta skill transforma prompts detalhados em esquemas, vias, fluxogramas e figuras de arquitetura revistos.

Criar ativos visuais refinados pode ser demorado quando os usuários precisam alternar entre ferramentas. Esta skill permite que Claude, Codex e Claude Code gerem ou editem imagens por meio de modelos OpenRouter a partir de prompts de texto.

Interfaces finalizadas muitas vezes precisam de pequenos ajustes visuais antes do lançamento. Esta skill orienta Claude, Codex e Claude Code a refinar a clareza enquanto preserva o design.

Designs do Pencil frequentemente perdem detalhes quando desenvolvedores os traduzem visualmente. Esta skill guia Claude, Codex e Claude Code por extração, implementação e verificações visuais precisas.