an Lucas

Skim Web

Construindo a Camada de Credibilidade da Internet: a Plataforma Web do Skim.

Início/Projetos/skim-web
skim_web_alt
Captura de tela da plataforma web do Skim em skim.plus — imagem 1 de 3
Captura de tela da plataforma web do Skim em skim.plus — imagem 2 de 3
Captura de tela da plataforma web do Skim em skim.plus — imagem 3 de 3
Captura de tela da plataforma web do Skim em skim.plus — imagem 1 de 3
A plataforma web pública do Skim, da Credible AI, onde qualquer pessoa pode navegar por vídeos do YouTube e artigos de notícias analisados por IA, com pontos-chave extraídos, marcações de tempo, pontuações de credibilidade e detecção de viés. Ela também é o host de OAuth que autentica os usuários na extensão de navegador.

O Skim leva você direto ao ponto de qualquer vídeo do YouTube ou artigo de notícias. A plataforma web é a superfície completa do produto: feeds infinitos de artigos e vídeos, páginas de credibilidade por veículo para dezenas de fontes de notícias, e páginas de análise em que cada ponto-chave extraído carrega sua própria marcação de tempo, classificação de impacto e argumentos estruturados a favor e contra.

O trabalho acontece em um monorepo Turborepo que compartilha biblioteca de componentes, schemas Zod e tipos com o app mobile. No frontend isso significa Next.js e React com TypeScript, TanStack Query cuidando dos feeds paginados, Socket.io por trás das notificações no app e sessões em cookies criptografados sustentando um login que abrange OAuth do Google, Apple e X, além de magic links. E o trabalho não parou na fronteira da API: implementei mudanças nos serviços de backend sobre os quais a plataforma roda.

Como cada análise vive em uma URL permanente, o site também gera suas próprias imagens de Open Graph por artigo e vídeo, para que um momento-chave compartilhado tenha a prévia correta onde quer que chegue.

Estudo de caso
O problema
Resumidores de IA costumam entregar um único bloco fixo de texto e nenhuma forma de julgar se a fonte merecia sua confiança em primeiro lugar.
Minha abordagem
Atuo de ponta a ponta na plataforma web pública: um frontend em Next.js e React com feeds de paginação infinita, páginas de credibilidade por veículo e telas de análise em que cada ponto-chave tem link direto e carrega sua própria marcação de tempo, classificação de impacto e a leitura a favor e contra, além de mudanças e funcionalidades implementadas nos serviços de backend que a alimentam. As sessões são compartilhadas com a extensão, então um único login cobre os dois.
O resultado
O skim.plus está no ar e é gratuito, e cada análise é uma URL permanente e compartilhável, em vez de algo que desaparece ao fechar a aba.