Ajustei a IA 50 vezes só para que ela pudesse clicar neste vídeo que documenta os flocos de neve de 2025.

Com o ano chegando ao fim, a competição pelos melhores relatórios anuais recomeçou nas redes sociais. Diversas plataformas estão exibindo seus designs, interações e dados, todas disputando para dominar seu feed.

Vamos lá, a IA já é tão útil hoje em dia, por que não podemos criar a nossa própria? Principalmente este ano, muito tempo foi gasto nessas ferramentas de IA.

Inesperadamente, essa pequena ideia deu origem a um projeto intensivo de dois dias no estúdio de IA, durante o qual concluí duas versões: uma "versão tradicional" baseada em elementos estáticos e interações simples.

A outra é uma "versão de habilidade" com efeitos dinâmicos, escalabilidade infinita e uma combinação de partículas 3D e interatividade.

O que eu não esperava era que toda a experiência mudasse minha compreensão anterior sobre colaboração e auxílio com IA: não existe feitiço mágico, e existe apenas uma arma mágica de verdade.

Crie seu próprio "Resumo de Fim de Ano" baseado em habilidades.

Antes de começar, prepare o chatbot de IA que você mais usa — deve ser aquele com quem você conversa quase diariamente. Dados insuficientes não só impedem a criação de resumos interessantes, como também podem obrigá-lo a usar dados inexistentes.

Estou usando o ChatGPT, então vou abrir uma nova janela e digitar o seguinte comando:

Com base nas conversas deste ano, elabore um resumo orientado por dados a partir das dimensões "quantidade, tema, tempo, emoção, hábitos de uso e traços de personalidade", incluindo dados simulados e gráficos ASCII. Siga rigorosamente a estrutura abaixo:
【1. Visão Geral Anual】
Total de interações com o GPT este ano
Número total de caracteres enviados + Número total de caracteres recebidos
Tempo de interação mais frequente
Duração mais longa de uma conversa contínua
【2. Distribuição dos Tipos de Interação (Gráfico de Pizza)】
Por favor, demonstre usando um diagrama ASCII:
Emocional, Discussão, Criativo, Aprendizagem, Dramatização, Outros
【3. Os 10 tópicos mais usados】
O conteúdo é apresentado em formato de ranking, com comentários para cada tópico.
4. Minha trajetória emocional anual (gráfico de linhas)
Análise por simulação da minha curva de emoções durante a conversa.
5. Perfil de Comportamento do Usuário (Gráfico de Radar)
As dimensões do gráfico de radar incluem:
Curiosidade, dependência, profundidade de análise, desejo de se expressar, sensibilidade emocional, frequência de autoanálise.
【6. Período e frequência de uso (gráfico de barras)】
O gráfico de barras mostra os períodos de tempo que eu uso com mais frequência para encontrar dados do GPT ao longo do ano: início da manhã, manhã, tarde, noite e madrugada.
【7. Etiquetas dos meus hábitos de interação】
Por favor, crie de 6 a 10 tags semelhantes a "Perfil Anual do Aplicativo" para mim, com base no padrão anual. Além disso, crie 6 emblemas de conquistas anuais com nomes específicos.
[8. Eu através dos olhos da IA ​​(Dados + Narrativa)]
Com base no padrão anual, escreva um texto utilizando metáforas de dados:
"Que tipo de pessoa sou eu? Como é a minha alma? Por que mereço um resumo como esse?"
[9. Resumo do ano em uma frase]

Requisitos gerais de estilo:
O projeto combina visualização de dados com uma revisão anual. Os gráficos devem usar caracteres ASCII e ser claros, visualmente atraentes e fáceis de ler. O texto deve ser técnico, envolvente e narrativo, evitando clichês genéricos.

Esses são os materiais básicos para a próxima etapa. Com o comando mencionado acima, o GPT só produzirá texto simples, e os diagramas serão esboços. Portanto, precisamos usar o Gemini/AI Studio para um layout mais refinado.

O AI Studio continua sendo a opção mais recomendada. Além de oferecer mais modelos para escolher e um processo interativo mais intuitivo, há outro motivo ainda mais importante, que explicarei mais adiante.

Nos resumos de fim de ano, os dados são apenas material; o layout é ainda mais importante — esse aspecto tornou-se incrivelmente sofisticado, totalmente integrado ao banco de dados da IA, e pode ser alcançado com apenas algumas linhas de instruções básicas.

Preciso de ajuda para criar uma página H5 interativa que resuma o meu balanço anual. O texto do resumo será fornecido abaixo. Requisitos: 1. Interatividade, com acesso local via HTML. 2. Dividir o texto em seções, criando gráficos quando necessário. 3. Requisitos de layout: Utilizar fonte serifada para o texto; a cor de fundo é ajustável. O texto do resumo é o seguinte: (Por favor, complemente com o seu texto)

Muitas pessoas reclamam que os gráficos visuais gerados por IA têm uma aparência barata e "artificial"; o efeito não é ruim, mas também não é ótimo — essa é a fragilidade dos comandos básicos. Portanto, ao criar relatórios, evito usar adjetivos vagos como "grandioso" ou "sofisticado". A IA não os entende; ela só consegue executar parâmetros com precisão, e dividir o processo em etapas é mais eficaz.

Por exemplo, para alcançar esse efeito visual profundo e elegante, dividi os requisitos em descrições específicas: o fundo é um gradiente de blocos de cor roxo profundo e cinza escuro, com o efeito de mistura mudando aleatoriamente — cores e formas específicas, em vez de descrições vazias de "grandioso" e "de alta classe", que a IA não consegue entender.

Da mesma forma, ao ajustar gráficos, seja o mais específico possível: os gráficos de radar precisam ter uma textura semitransparente, semelhante a vidro fosco.

Ao adicionar interatividade, descreva o efeito que deseja alcançar — seja o mais detalhado possível, por exemplo: organize os "Dez Principais Temas do Ano" em uma grade de 10 quadrados, clique para inverter cada quadrado e mantenha o texto centralizado o tempo todo.

Esse processo de ajuste consiste basicamente em usar seu senso estético para combater a eficiência de execução da IA. No entanto, o senso estético do Gemini agora é muito melhor do que eu imaginava. Por exemplo, quando solicitei mais opções de cores, os três esquemas de cores que ele forneceu eram todos muito bons.

Arma secreta: "Retrocesso"

Criar um resumo anual tradicional se assemelha mais a colaborar com um designer, alterando cores aqui e ali e o layout. Já um "resumo anual baseado em habilidades" é uma colaboração com engenheiros.

Após analisar o resumo do texto fornecido pelo GPT, meu primeiro pensamento foi combiná-lo com a popular tendência de árvores de Natal na internet.

No entanto, após comparar, descobri que os capítulos e números altamente formatados no resumo de fim de ano não eram adequados para apresentação no formato de uma árvore de Natal. Então, inicialmente, usei como referência o design de um modelo de árvore de Natal, mas alterei o corpo principal para um cristal em formato de floco de neve, com uma estrutura mais clara. O modelo é o seguinte:

Contexto do Personagem: Você é um especialista em desenvolvimento criativo 3D com proficiência em React 19, TypeScript e Three.js (R3F). Objetivo da Missão: Construir um aplicativo web 3D de alta fidelidade chamado "Floco de Neve de Natal". O estilo visual será predominantemente verde-esmeralda profundo e dourado brilhante, acompanhado por efeitos de brilho cinematográficos. Tecnologias Utilizadas: React 19, TypeScript, React Three Fiber, Drei, Pós-processamento, Tailwind CSS.

A estrutura dos cristais em forma de floco de neve permite visualizar com mais clareza os pontos principais, possibilitando diferentes seções de resumo anual utilizando rubis. Ao clicar, as partículas espalhadas pelo céu noturno e os rubis se combinam para formar um floco de neve — assim como os eventos importantes, hábitos e estatísticas que compõem o ano inteiro.

Então veio o longo… longo… longo… processo de revisão. Na minha cabeça, cada rubi encapsula uma parte do conteúdo, então inserir todo o texto do resumo de uma vez não funcionaria. Este é um erro comum que muitas pessoas cometem ao escrever prompts — elas gostam de incluir todos os requisitos de uma vez, resultando em um código gerado por IA repleto de bugs. Minha sugestão é: defina a estrutura primeiro e depois ajuste as animações. Por exemplo, para uma animação de floco de neve, eu a dividi em três etapas:

Passo 1: Primeiro, deixe o programa desenhar a forma 3D do floco de neve. Assim que a forma estiver correta, baixe uma versão. Você pode encontrar o botão de download aqui.

Passo 2: Adicione uma rotação e nós de rubi. Não se apresse em adicionar conteúdo; apenas altere alguns nós para o formato de rubis.

Etapa 3: Só então refinamos a lógica do zoom, como o efeito ao ampliar e se devemos adicionar um botão de voltar…

Assim que cada etapa atingir o resultado esperado, não faça alterações desnecessárias. Se for ineficaz e a depuração com o Gemini não funcionar, ative a arma:

Esta é a descoberta mais significativa que fiz enquanto trabalhava neste projeto: o rollback. Quanto mais complexa a funcionalidade e mais requisitos existirem, mais propensa a IA se torna a erros. Ao concluir um novo requisito, é inevitável "regenerar" algumas coisas, então, mesmo que outras partes do código estivessem funcionando corretamente antes, novos bugs podem surgir após as alterações.

O resultado é que, quanto mais você corrige o código defeituoso, mais bugs aparecem. Essa abordagem de "apertar uma cabaça só para ver outra subir" é a etapa mais desanimadora.

Portanto, a abordagem mais eficiente é a seguinte: quando você perceber que a IA "alterou" a lógica de interação previamente ajustada para adicionar um novo recurso (como mudar a cor), não insista em discutir com ela na caixa de diálogo para que "volte ao ponto inicial". A maneira mais rápida é simplesmente reverter para a versão anterior e, em seguida, inserir o novo comando — lembre-se, você é o comandante e ela é a executora. A IA enlouqueceu e você precisa trazê-la de volta ao caminho certo.

Isso é especialmente significativo para usuários que não utilizam código. Para usuários comuns que raramente analisam códigos extensos e apenas visualizam a prévia, este é o "mantra" mais simples e direto: não se preocupe com qual linha de código está errada, apenas desfaça a alteração.

Durante este projeto, todo o meu projeto travou em um determinado momento: eu sugeri "Otimizar o material Ruby para torná-lo mais transparente". A pré-visualização do código mostrava que o Gemini estava em execução, mas quando voltei para a página de pré-visualização, não havia nenhuma alteração.

Ao executar o programa, os materiais não mudaram muito e a função de zoom foi desativada. Enquanto reescrevia o código do material, a IA convenientemente apagou a interação de clique na qual eu havia passado uma tarde inteira ajustando. Em momentos como esse, reclamar na caixa de diálogo é inútil, e pedir para corrigir a função de zoom provavelmente causará um travamento; a IA se desculpará enquanto corrige um bug ainda pior.

Em vez de se preocupar com isso, basta usar a restauração com um clique para voltar à versão em que "as texturas estão feias, mas as interações estão normais". Esse tipo de "manter" o efeito da pré-visualização é mais eficaz do que qualquer aviso avançado.

No entanto, é importante observar que a reversão só se aplica à versão anterior; versões mais antigas não são suportadas. Pense nisso como "voltar um passo", semelhante ao Ctrl+Z.

Mais tarde, fiquei sem ideias, então, felizmente, deixei que a Gemini cuidasse de parte do trabalho de design de forma independente. Com o design visual geral já finalizado, o desempenho foi surpreendentemente bom. Por exemplo, o distintivo de conquista anual, "Valhalla", foi inteiramente projetado por ela.

A ideia de exibir nomes de conquistas específicas quando o cursor do mouse passa sobre elas também foi criação do Gemini. Em outra estatística, ele chegou a desenhar seu próprio gráfico de batimentos cardíacos.

A última gema continha um resumo de "uma frase". Gemini transformou essa última gema em um cristal branco em forma de cone para diferenciá-la das outras rubis.

Ao elaborar este resumo de fim de ano, a pergunta que mais me fizeram foi: "O que é um Prompt?"

Como era de se esperar, com a IA sendo tão amplamente utilizada, essa se tornou uma pergunta que as pessoas fazem instintivamente. Mas, para ser honesto, não existe uma fórmula mágica que funcione instantaneamente.

O ano de 2025 é único para cada pessoa, e cada um quer que a IA registre diferentes momentos decisivos, conquistas e emoções. Você pode gostar de uma árvore de Natal repleta de presentes, enquanto eu prefiro flocos de neve girando no céu estrelado. Cada um tem suas próprias preferências estéticas, e o maior encanto da IA ​​certamente não está em permitir que você replique um relatório exatamente igual ao meu.

Pelo contrário, a maior importância da IA ​​reside no fato de que ela, pela primeira vez, preencheu a lacuna entre "pensar" e "fazer". Antes, você estava limitado pela sua falta de habilidades em programação e design e só podia aceitar modelos monótonos; mas agora, desde que esteja disposto a dedicar algum tempo a "trabalhar duro" e descrever a imagem específica que tem em mente, a IA pode ajudá-lo a criar esse mundo que pertence exclusivamente a você.

O prompt é frio, mas suas memórias e sua estética são acolhedoras.

Se eu tivesse que resumir em uma fórmula, provavelmente seria: um pouco de imaginação + dezenas de revisões pacientes + uma estética que nunca se contenta com resultados medíocres.

Pare de procurar instruções "genéricas". No ano novo, tente conversar com a IA, "despreze" sua mediocridade e confie na sua intuição. Você descobrirá que, assim como a constante renovação e os desafios de cada ano, o melhor resumo do ano é justamente o processo de recomeçar constantemente.

#Siga a conta oficial do iFanr no WeChat: iFanr (ID do WeChat: ifanr), onde você encontrará conteúdo ainda mais interessante o mais breve possível.

ifanr | Link original · Ver comentários · Sina Weibo