# Criar com o Cursor > Peça ao Cursor as imagens do site enquanto o cria, e ele executa os modelos de imagem do Nodaro pelo MCP. Exemplo real: uma imagem de destaque e 3 de recursos. Source: https://nodaro.ai/pt-BR/docs/mcp/create/cursor O **Cursor** pode criar as imagens de que o seu site precisa enquanto você o constrói, pelo servidor MCP do Nodaro. Você pede no chat, e o agente do Cursor executa os modelos de imagem do Nodaro e recebe o endereço de cada imagem. Esta página acompanha um pedido real: uma imagem de destaque e três imagens de recursos para a página de destino de um app de trilhas. Para conectar o Cursor antes, siga [Conectar o Cursor](https://nodaro.ai/docs/mcp/connect/cursor). Basta um link e um login com sua conta do Nodaro. ## O pedido ``` Estou construindo a página de destino de um app de trilhas. Faça uma imagem de destaque em 16:9 com espaço para um título à esquerda e três imagens de recursos em 4:3 com a mesma luz. ``` Prompt original em inglês: ``` I'm building the landing page for a hiking app. Make a 16:9 hero image with room for a headline on the left, and three 4:3 feature images in the same light. ``` Executamos este exemplo pelo Claude Code, por meio do mesmo servidor MCP do Nodaro ao qual o Cursor se conecta. O Cursor chama as mesmas ferramentas, com os mesmos modelos, configurações e preços. ## A imagem de destaque precisou de duas tentativas A primeira imagem de destaque parecia boa à primeira vista, mas o modelo entendeu “room for a headline on the left” (espaço para um título à esquerda) de forma literal demais. Ele transformou o terço esquerdo em um painel de céu separado, com uma borda vertical nítida a um terço da largura da imagem. ![Um trilheiro em uma trilha na crista de uma serra ao nascer do sol, com o terço esquerdo da imagem cortado como um painel de céu separado](https://nodaro.ai/docs-media/mcp/create/cursor/hero-first-try.webp) Primeira tentativa: o lado esquerdo é um painel separado ![Um trilheiro em uma trilha na crista de uma serra ao nascer do sol, no terço direito da imagem, com céu aberto e montanhas enevoadas em todo o quadro](https://nodaro.ai/docs-media/mcp/create/cursor/hero.webp) Segunda tentativa: uma única foto contínua, com céu aberto à esquerda O segundo pedido deu nome ao problema. Ele pediu “one continuous photograph” (uma única fotografia contínua), em que o céu continua por todo o quadro, com o trilheiro no terço direito: ``` Imagem de destaque larga para a página de destino de um app de trilhas, uma única fotografia contínua: um trilheiro solitário visto de costas em uma trilha na crista de uma serra ao nascer do sol, de pé no terço direito do quadro, camadas de cristas de montanhas que somem na névoa, luz dourada e quente. O céu e as montanhas continuam sem emendas por todo o quadro, com um céu calmo e aberto à esquerda, onde um título pode ficar. Cinematográfico, sem painéis, sem bordas, sem texto, sem logotipos. ``` Prompt original em inglês: ``` Wide hero image for a hiking app's landing page, one continuous photograph: a lone hiker seen from behind on a ridge trail at sunrise, standing in the right third of the frame, layered mountain ridges fading into mist, warm golden light. The sky and mountains continue seamlessly across the whole frame, with calm open sky on the left where a headline can sit. Cinematic, no panels, no borders, no text, no logos. ``` ## Imagens de recursos que combinam com a imagem de destaque As três imagens de recursos receberam a imagem de destaque pronta como imagem de referência e pediram para igualar “the warm sunrise color grade of the reference image” (a correção de cor quente do nascer do sol da referência). As três foram executadas ao mesmo tempo. ![Close de botas de trilha gastas em uma trilha pedregosa na hora dourada, com cristas enevoadas ao fundo](https://nodaro.ai/docs-media/mcp/create/cursor/feature-boots.webp) Botas na trilha ![Uma barraca laranja ao lado de um lago alpino calmo ao amanhecer, com névoa sobre a água e montanhas refletidas](https://nodaro.ai/docs-media/mcp/create/cursor/feature-tent.webp) Uma barraca à beira do lago ![Um marco de pedras empilhadas em uma crista de montanha enevoada, com a trilha seguindo pela luz suave da manhã](https://nodaro.ai/docs-media/mcp/create/cursor/feature-cairn.webp) Um marco de pedras na trilha ## O que o Cursor executou | Imagem | Ferramenta | Modelo e configurações | Referência | Tempo | Créditos | | --- | --- | --- | --- | --- | --- | | Imagem de destaque, primeira tentativa | `generate_image` | [Nano Banana 2](https://nodaro.ai/docs/models/image/nano-banana-2), 16:9 | Nenhuma | 25 segundos | 22 | | Imagem de destaque, segunda tentativa | `generate_image` | Nano Banana 2, 16:9 | Nenhuma | 61 segundos | 22 | | Botas na trilha | `generate_image` | Nano Banana 2, 4:3 | A imagem de destaque | 30 segundos | 22 | | Uma barraca à beira do lago | `generate_image` | Nano Banana 2, 4:3 | A imagem de destaque | 25 segundos | 22 | | Um marco de pedras na trilha | `generate_image` | Nano Banana 2, 4:3 | A imagem de destaque | 57 segundos | 22 | A imagem de destaque voltou em 1376×768, e as imagens de recursos, em 1200×896. ## Colocar as imagens no seu projeto Cada ferramenta retorna o endereço web da imagem, e a imagem também é salva na sua biblioteca do Nodaro. O agente do Cursor pode baixar os arquivos para o seu projeto pelo terminal. Um pedido como este conclui o trabalho: ``` Baixe a imagem de destaque e as três imagens de recursos para public/images, dê a cada uma o nome do assunto dela e escreva o texto alternativo de cada uma na página de destino. ``` Prompt original em inglês: ``` Download the hero and the three feature images into public/images, name them by their subject, and write alt text for each one in the landing page. ``` ## Ideias para o próximo pedido - “Faça uma versão 1:1 da imagem de destaque para compartilhar nas redes.” - “Faça uma versão escura da imagem de destaque para o tema noturno.” - “Transforme a imagem de destaque em um vídeo de fundo de 6 segundos.” [Gerar imagem](https://nodaro.ai/docs/nodes/image/generate-image) explica as imagens de referência e todos os modelos de imagem do Nodaro, e [Como escolher um modelo](https://nodaro.ai/docs/guides/choosing-models) compara esses modelos. ## Conectar o Cursor 1. Abra o link **Add to Cursor** em [Conectar o Cursor](https://nodaro.ai/docs/mcp/connect/cursor). O Cursor abre a caixa de diálogo de instalação com o Nodaro já preenchido. 2. Confirme e depois faça login com sua conta do Nodaro no navegador. 3. No chat, peça suas imagens, por exemplo: “Faça uma imagem de destaque para esta página com o Nodaro.” As mesmas ferramentas funcionam no [Claude](https://nodaro.ai/docs/mcp/create/claude), no [ChatGPT](https://nodaro.ai/docs/mcp/create/chatgpt) e no [VS Code](https://nodaro.ai/docs/mcp/create/vs-code). ## Perguntas frequentes ### O Cursor consegue gerar imagens? Sim, com o servidor MCP do Nodaro. O agente do Cursor chama as ferramentas de imagem do Nodaro, e cada ferramenta retorna o endereço da imagem pronta. ### Como as imagens chegam ao meu projeto? Cada imagem volta como um endereço web. Um agente que pode executar comandos no terminal, como o agente do Cursor, pode então baixar os arquivos para o seu projeto, por exemplo para uma pasta pública de imagens. ### E se uma imagem sair errada? Diga o que está errado e peça de novo. No exemplo desta página, a primeira imagem de destaque separou o céu em um painel à parte, e um segundo pedido mais claro corrigiu isso pelo preço de mais uma imagem. ### Quanto custam as imagens de um site? Você paga créditos do Nodaro por cada imagem, pelo preço do modelo que você escolher. Cada imagem do exemplo desta página custou 22 créditos; assim, a imagem de destaque, a nova tentativa e as três imagens de recursos custaram cinco vezes esse valor. ### As imagens de recursos podem combinar com a imagem de destaque? Sim. Passe a imagem de destaque como imagem de referência para cada imagem de recurso. No exemplo, as três imagens de recursos reutilizaram dessa forma a luz quente do nascer do sol da imagem de destaque.