Imagina com Claude: Um guia com exemplos práticos

Usando os recursos avançados do Sonnet 4.5, o Imagine with Claude junta raciocínio, uso de ferramentas e planejamento em várias etapas para criar bases de código funcionais, interfaces de usuário e até apresentações em poucas horas.

Como acessar o Imagine com Claude?

Para usar o Imagine com Claude, você pode ir direto para a página página Imagine com Claude ou clicar no botão “Quer construir a partir da sua imaginação?” no canto inferior direito da interface de chat normal do Claude.

A partir de 30 de setembro, esse recurso só vai estar disponível para assinantes Max pelos próximos cinco dias. Então, se você quiser experimentar, corre ou espera o lançamento. Mas, a Anthropic ainda não confirmou se isso vai virar uma função permanente do Claude. Até agora, é mais um recurso experimental para mostrar as capacidades do novo modelo Claude Sonnet 4.5.

Como funciona o Imagine com Claude?

A interface do Claude Imagine é bem simples. Temos uma entrada rápida onde podemos descrever o que queremos construir. Ele também vem com algumas sugestões que a gente pode usar se só quiser experimentar e estiver sem ideias.

O resto da interface é só elementos decorativos e divertidos; eles não oferecem nenhuma funcionalidade para o Imagine with Claude.

Exemplo 1: Criando um bom feed de notícias

Pra começar, eu queria experimentar uma das sugestões, então cliquei na primeira: “Crie um feed de notícias para boas notícias.”

Aqui tá um vídeo editado do processo de construção:

Neste exemplo, vemos que ele cria um feed com boas notícias. A notícia não é clicável; só dá pra ver o título, o resumo e algumas tags. Além disso, a única funcionalidade é um botão para atualizar o feed, que busca e exibe um novo lote de boas notícias.

Como você deve ter notado no vídeo, a janela de contexto é bem pequena para essa prévia da pesquisa.

Observe que o aplicativo fica só dentro da interface e não pode ser publicado. Também não conseguimos ver o código e, se atualizarmos a página, ele vai sumir pra sempre. Então, nesse estágio, o Claude Image é só uma ferramenta pra explorar a ideia de usar LLMs pra criar um código que se constrói sozinho.

Exemplo 2: Criando um jogo simples

No segundo exemplo, eu queria experimentar algo um pouco mais interativo, então pedi para “criar um jogo simples de exploração de masmorras”.

Tentei esse exemplo três vezes do zero e, em todas elas, rolou o mesmo problema. Assim que eu movi o player, ele deixou de ser visível.

Aqui está um vídeo da última tentativa:

Dá pra ver no vídeo que, depois que eu me abaixei pela primeira vez, o jogador sumiu. Depois, tentei mover-me duas vezes para a direita para ver se a moeda seria recolhida, e foi. Mas, todas as outras moedas também foram recolhidas na mesma hora.

Depois de pegar as moedas, eu avisei, dizendo que o jogador não estava aparecendo e que isso precisava ser consertado. Mas não deu certo. Tudo continuou igual. Tive a mesma experiência nas minhas outras duas tentativas.

No geral, esse exemplo foi bem decepcionante.

Exemplo 3: Criando um aplicativo para gerenciar currículos

Neste terceiro exemplo, tentei criar um aplicativo para gerenciar currículos. Usei este prompt:

Criar um site pra cuidar do meu currículo. Quero poder adicionar toda a minha experiência profissional, habilidades, idiomas, publicações e qualquer outra informação relevante para um currículo. Então, dependendo do emprego que estou me candidatando, quero selecionar um subconjunto dessas informações para criar um currículo personalizado.

Na minha opinião, esse exemplo funcionou bem no geral. Antes de entrar em detalhes sobre o processo de criação, aqui está um vídeo do processo de criação.

O aplicativo faz o que foi pedido. Podemos colocar vários tipos de informação e depois escolher quais queremos incluir.

Mas eu encontrei alguns bugs. Primeiro, não tinha botão para salvar quando adicionei uma segunda habilidade.

Mas, uma coisa boa que rolou nesse exemplo foi que eu quis escolher uma categoria que não existia e consegui adicioná-la de forma dinâmica, pedindo pro Claude Imagine.

O segundo bug era que a exportação para PDF não estava funcionando.

Apesar desses erros, achei esse exemplo muito melhor do que o outro. De alguma forma, nesta fase do processo, só usamos 46% dos tokens, o que é surpreendente quando pensamos que o exemplo das notícias usou todos os tokens tão rapidamente.

Não sabemos como o Claude Imagine funciona nos bastidores, mas parece que, a partir deste exemplo, o que vemos é gerado instantaneamente a partir do contexto atual. Na minha opinião, isso é bom e ruim ao mesmo tempo. A parte boa é que isso permite imaginar uma nova visualização ou funcionalidade do zero, na primeira vez que clicamos em um botão.

Mas parece que, uma vez que algo é imaginado, não fica guardado e é imaginado de novo toda vez. Até as informações que colocamos parecem ser geradas a partir do contexto, o que pode fazer com que ele invente informações que nunca demos pra ele.

Falta de imaginação?

Outra coisa que percebi é que sempre que uso o mesmo prompt, obtenho resultados muito parecidos. Por exemplo, tentei o prompt do gerenciador de currículos de novo e foi isso que rolou:

Essa segunda versão tem novas opções à esquerda; por exemplo, inclui uma seção “Certificações”. Mas o resto tá igual, incluindo as informações em cada seção.

Como cada sessão com o Clause Imagine é só temporária, parece mais legal para prototipagem e experimentação de ideias. Mas, o fato de sempre ter quase a mesma ideia é meio chato.

Exemplo 4: Criando um site pessoal

Nos exemplos anteriores, achei que a interface do usuário era sempre bem simples e queria tentar um exemplo em que a apresentação fosse mais importante. Por isso, pedi pra criar um site pessoal onde eu pudesse mostrar meus projetos pessoais.

Neste exemplo, o Imagine with Claude foi mais eficiente e implementou as alterações que eu pedi através de prompts. Em particular, consegui:

1. Deixa a gente escolher uma foto de perfil.
2. Redesenhe a interface do usuário.

Também rolou alguns bugs, tipo, quando clicava no botão “Ver projetos”, não acontecia nada, mesmo o Claude Imagine reconhecendo que tinha apertado o botão.

Esse exemplo acabou sendo interessante de maneiras que eu não tinha imaginado no começo. Como a página é pra mostrar meus aplicativos, tinha alguns exemplos de aplicativos fictícios no conteúdo. Eles tinham um botão “Ver demonstração”, então, quando clicava nele, o Claude Imagine tinha que imaginar esses aplicativos fictícios e mostrá-los.

Para cada um deles, apresentou um exemplo realista. Isso me deu uma sensação de inception, tipo um aplicativo dentro de um aplicativo, dentro de um aplicativo, tudo gerado na hora. Achei bem divertido brincar com ele.

Esse exemplo também mostrou que o código é gerado toda vez. Quando eu estava brincando com a demonstração do TaskMaster Pro, a interface do usuário das tarefas mudou depois que eu cliquei no botão “AI Sort” e mudou de novo quando eu fechei e abri a janela.

As limitações do Imagine com Claude

Acho que as principais limitações da versão prévia atual do Imagine with Claude são:

1. Falta de imaginação. Abordei este artigo pensando que o Claude Imagine poderia ser uma ótima ferramenta para debater ideias para um novo aplicativo. A gente poderia criar algumas versões e depois pegar as melhores ideias de cada uma delas. Mas descobri que comandos parecidos levam a resultados bem parecidos.
2. Sem persistência ou jeito de publicar o aplicativo. Assim que atualizamos a página, tudo desaparece.
3. Ainda tem muitos bugs. Muitas vezes, não conseguia implementar a funcionalidade de um botão e fazer alterações com base em um prompt.

A ideia inovadora do Imagine com Claude

O que é realmente novo no Imagine with Claude é a ideia de criar código na hora, decidindo o que um botão deve fazer por conta própria. Pode ser revolucionário se for integrado a um editor de software.

A forma como o software está sendo desenvolvido com IA é que os LLMs são integrados ao editor de código e têm o contexto do código. Então, o desenvolvedor diz o que quer que a IA mude por meio de um prompt de texto. Com o Imagine with Claude, a gente poderia pular a etapa de solicitação. Ele poderia ser integrado ao editor, e o desenvolvedor só precisaria adicionar um botão. Então, clicando nele enquanto o aplicativo está rodando localmente, o Imagine with Claude pode colocar sua funcionalidade em ação.

Isso não está muito longe do que a demonstração do Imagine with Claude está mostrando. Os únicos passos que faltam são:

1. Integrá-lo com uma base de código já existente.
2. Tornando as alterações permanentes. No momento, parece que a funcionalidade é imaginada a cada vez, mas o que precisamos é que ela seja imaginada apenas se ainda não tiver sido implementada.

Outra maneira pela qual o Imagine with Claude poderia ser super útil seria juntando com ferramentas de design como o Figma. Assim, um designer poderia criar a interface do usuário colocando os componentes onde eles são necessários, e então o Claude Imagine iria executá-la e implementar a funcionalidade por trás dos componentes da interface do usuário.

Conclusão

Imagine with Claude apresenta um novo paradigma super legal para o desenvolvimento de software com ajuda de IA, onde a funcionalidade é implementada de forma dinâmica com base no contexto do aplicativo.

Essa mudança, que deixa de lado as instruções explícitas, pode ser o futuro da programação, economizando um monte de tempo para os desenvolvedores. A versão atual é mais uma demonstração tecnológica divertida do que uma ferramenta de desenvolvimento prática, e certamente não é um motivo convincente para se inscrever no plano Max por si só, especialmente devido ao seu status temporário e experimental.

Apesar dessas falhas, eu acredito no conceito principal. Essa prévia da pesquisa parece um primeiro passo pra testar o que é possível, e estou realmente animado pra ver como a Anthropic vai refinar essa ideia inovadora na próxima versão.