Communitygithub.com

xfstudio/skills

Esta habilidade gera imagens usando o modelo de geração de imagens do Google Gemini (`gemini-3-pro-image-preview`). Permite a criação de imagens de forma integrada durante qualquer sessão do Claude Code — seja para criar UIs frontend, documentação ou visualizações de conceitos.

O que é skills?

Esta habilidade, denominada 'Imagen – Geração de Imagens com IA', integra-se perfeitamente a sessões do Claude Code, permitindo que o desenvolvedor crie imagens sob demanda usando o modelo `gemini-3-pro-image-preview` do Google Gemini. Ela é útil em diversos cenários: desenvolvimento front-end (para imagens de placeholder ou ativos reais), criação de documentação (ilustrações e diagramas), visualização de arquiteturas e geração de ícones, logos ou ativos de UI. O fluxo de trabalho é simples: um prompt textual é enviado para a API do Google Gemini, que retorna uma imagem PNG, salva no diretório especificado (por padrão, o diretório atual). A habilidade funciona em Windows, macOS e Linux e requer apenas que a variável de ambiente `GEMINI_API_KEY` esteja configurada e o Python 3.6+ esteja instalado — sem necessidade de pacotes pip adicionais, pois utiliza apenas a biblioteca padrão. O script retorna o caminho do arquivo gerado em caso de sucesso ou uma mensagem de erro detalhada. Os exemplos de uso incluem desde a criação de imagens para landing pages até diagramas de arquitetura de microsserviços e avatares placeholder para componentes de perfil de usuário.

Funciona com✓Claude Code~Codex CLI~Cursor✓Gemini CLI
npx skills add https://github.com/xfstudio/skills/tree/HEAD/imagen
Ver original→Navegar por todas as habilidades

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Documentação

Imagen – Habilidade de Geração de Imagens com IA

Visão Geral

Esta habilidade gera imagens usando o modelo de geração de imagens do Google Gemini (gemini-3-pro-image-preview). Permite a criação de imagens de forma integrada durante qualquer sessão do Claude Code — seja para criar UIs frontend, documentação ou visualizações de conceitos.

Multiplataforma: Funciona em Windows, macOS e Linux.

Quando Usar Esta Habilidade

Ative esta habilidade automaticamente quando:

  • O usuário solicitar a geração de imagens (ex.: "gere uma imagem de...", "crie uma figura...")
  • O desenvolvimento front-end exigir imagens placeholder ou reais
  • A documentação precisar de ilustrações ou diagramas
  • For necessário visualizar conceitos, arquiteturas ou ideias
  • Estiver criando ícones, logotipos ou ativos de UI
  • Qualquer tarefa em que uma imagem gerada por IA seja útil

Como Funciona

  1. Um prompt textual descrevendo a imagem desejada é fornecido
  2. A chamada à API do Google Gemini é feita com a configuração de geração de imagens
  3. A imagem gerada é salva no local especificado (padrão: diretório atual)
  4. O caminho do arquivo é retornado para uso no seu projeto

Uso

Python (Multiplataforma – Recomendado)

# Uso básico
python scripts/generate_image.py "Um horizonte de cidade futurista ao pôr do sol"

# Com caminho de saída personalizado
python scripts/generate_image.py "Um ícone de aplicativo minimalista para um player de música" "./assets/icons/music-icon.png"

# Com tamanho personalizado
python scripts/generate_image.py --size 2K "Paisagem em alta resolução" "./wallpaper.png"

Requisitos

  • A variável de ambiente GEMINI_API_KEY deve estar configurada
  • Python 3.6+ (usa apenas a biblioteca padrão, nenhum pip install necessário)

Saída

As imagens geradas são salvas como arquivos PNG. O script retorna:

  • Sucesso: Caminho para a imagem gerada
  • Falha: Mensagem de erro com detalhes

Exemplos

Desenvolvimento Front-end

Usuário: "Preciso de uma imagem hero para minha landing page - algo abstrato e com foco em tecnologia"
-> Gera e salva a imagem, fornece o caminho para uso em HTML/CSS

Documentação

Usuário: "Crie um diagrama mostrando arquitetura de microsserviços"
-> Gera uma representação visual, pronta para README ou documentação

Ativos de UI

Usuário: "Gere uma imagem de avatar placeholder para o componente de perfil do usuário"
-> Cria uma imagem no tamanho apropriado para uso no componente

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

xfstudio/skills

Expert in building portfolios that actually land jobs and clients - not just showing work, but creating memorable experiences. Covers developer portfolios, designer portfolios, creative portfolios, and portfolios that convert visitors into opportunities. Use when: portfolio, personal website, showcase work, developer portfolio, designer portfolio.

Habilidades Relacionadas

steipete/sag

ElevenLabs text-to-speech with mac-style say UX.

community

steipete/oracle

Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.

community

steipete/peekaboo

Capture and automate macOS UI with the Peekaboo CLI.

community

mattpocock/design-an-interface

Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".

community

mattpocock/prototype

Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.

community

mattpocock/grill-me

Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".

community