Vou juntar alguns hypes da bolha dev (e coisas que quero aprender) em um único projeto · ticolls

Toda semana aparece alguma coisa nova por aqui que eu salvo pra testar depois. Build in public, modelo novo de IA, "valide antes de construir"... eu leio, acho massa e não aplico em nada. Ao mesmo tempo tem coisa que eu quero aprender faz tempo e sempre fica pra depois, tipo desenvolvimento mobile. Eu sou dev web a carreira quase toda e nunca fiz um app de verdade.

Aí resolvi parar de colecionar e juntar tudo num projeto só. A ideia é usar ele como laboratório e ir contando aqui como está indo e divulgando o processo nas redes sociais para testar de fato o impacto do build in public.

O projeto é um app de notícias de tech e IA chamado Camaleão. O motivo é simples: sai coisa nova de IA toda hora e eu mesmo não dou conta de acompanhar. O app escolhe o que mostrar pelos seus interesses, mas a parte que eu mais quero explorar é outra: a interface muda conforme o momento do seu dia. No transporte aparecem resumos curtos e um botão pra ouvir, andando vira só áudio, no sofá vira leitura longa, na cama um resumo calmo do dia. Por isso camaleão. A marca nem tem cor fixa, ela muda junto com o app.

O que eu quero testar com ele, misturando hype com vontade de aprender:

construir em público, postando números de verdade (inclusive os ruins)
vender e divulgar antes de programar o app, que é o contrário do que eu sempre fiz
mobile vindo da web, usando coisas do celular que eu nunca usei (sensores, widgets, áudio)
o Jev, um modelo de IA que saiu semana passada e que não gera texto, só toma decisões
usar IA pra fazer interface sem que o resultado fique com aquela cara de app de IA (fundo escuro, gradiente roxo, brilhinho)
dar personalidade pro produto, com mascote e identidade visual própria

O Jev é o que mais me deixou curioso. Você manda um conteúdo e perguntas com tipos definidos, e ele devolve a resposta escolhida com probabilidade e confiança, em vez de um texto. A ideia é usar ele pra classificar as notícias. Fica mais ou menos assim:

import { TypeSafeClient, choice, noul } from "@typesafe-ai/sdk";

const client = new TypeSafeClient();

const { answers } = await client.systemOne({
  state: { title: noticia.titulo, body: noticia.texto },
  questions: {
    tipo: choice("What kind of story is this?", {
      release: "A new version or product was released",
      opinion: "An opinion or analysis piece",
      rumor: "An unconfirmed rumor or leak",
    }),
    soMarketing: noul("The article is mostly marketing with no concrete details."),
  },
});

console.log(answers.tipo.choice, answers.tipo.confidence);

Ainda não rodei isso com notícia real em quantidade. Quero ver como ele se sai com texto em português, e isso deve virar o próximo post.

Até agora o que existe é a landing (camaleao.dev), o domínio (US$ 12,20 por ano na Cloudflare), um e-mail com esse domínio sem pagar nada a mais (Cloudflare pra receber, Resend pra enviar) e os perfis no Instagram e no X. Uma coisa que eu não esperava: o X não aceitava o e-mail do domínio novo. Pelo que entendi, domínio com poucos dias de vida é visto como suspeito.

E dois itens da lista eu considero que já estou atingindo resultados satisfatórios: fugir da cara de IA e dar personalidade pra marca. Fiz ela com IA, mas passei bastante tempo decidindo antes o que eu não queria e o que eu queria: cor chapada que muda conforme você rola a página, tipografia com cara de revista e o camaleão como personagem, não só como logo. Pra mim o resultado ficou com cara de produto, não de template. Mas quero a opinião de vocês: dá uma olhada em camaleao.dev e me diz se ainda parece "mais uma landing de IA".

O ponto de partida de toda a identidade foi o logo. Usei a skill ip-as-logo, que é um conjunto de instruções pra agentes de IA criarem mascotes simples que funcionam como logo. O que me convenceu foram as regras dela: o personagem precisa ser feito com poucas formas grandes e arredondadas (umas 4 a 7), sem pontas finas nem detalhe desnecessário, com só duas cores no personagem e uma no fundo, e continuar reconhecível num tamanho minúsculo de 32 × 32 pixels.

Gerei as imagens com Gemini e, a partir do camaleão escolhido, veio o resto: as formas arredondadas viraram a linguagem dos componentes, e como o bicho muda de cor, a marca não tem uma cor fixa. Ela veste a cor do momento do dia. Se você não quiser usar agente, os criadores mantêm um site com mascotes prontos pra baixar: ipaslogo.com.

Se alguém já passou pela transição de web pra mobile, ou já brincou com o Jev, vou gostar muito de saber o que vocês aprenderam. Deve me poupar alguns tropeços.