Pular para o conteúdo

lab.run("Laboratório")

Laboratório // experimentos

Testes de código, componentes, APIs e modelos de IA — protótipos em andamento.

8 experimento(s)

comic-layout — diagramação por contagem de quadros

Estável

Motor que escolhe a diagramação da tira a partir do número de painéis, em vez de aplicar um gabarito fixo. Resolve o caso ímpar, que esticava o último quadro e quebrava a ordem de leitura. Em produção no realm criativo desde julho.

  • TypeScript
  • CSS Grid
  • Vitest

Prophet Wire — agregador de notícias

WIP

Coleta, normaliza e diagrama notícias externas no formato do jornal de 1920. Roda de ponta a ponta, mas o histórico de execuções ainda vive em memória: o estado não sobrevive a um deploy. A persistência em Supabase é a próxima peça.

  • Next.js
  • Supabase
  • Zod
  • Server Actions

Camada de tokens do realm dev

Estável

Prova de que dá para acrescentar uma camada semântica sobre uma paleta existente sem renomear uma única classe — requisito porque o guia de design system documenta os nomes atuais. Validado por teste que rejeita qualquer token que não derive da paleta.

  • CSS
  • Design Tokens
  • Vitest

Foil holográfico derivado do nome do arquivo

Playtest

As cartas ganham o brilho holográfico a partir do nome da face, não de uma flag. Elegante e frágil na mesma medida: trocar a extensão da imagem desliga o efeito em silêncio. Documentado no troubleshooting depois de quebrar duas vezes.

  • CSS
  • AVIF
  • Canvas

Portal de entrada com gate em localStorage

Estável

Três logos animados e uma escolha de universo que o navegador lembra. O redirecionamento automático evita que o visitante recorrente passe pela porta toda vez. Chave: lr.portal.v1.

  • Next.js
  • GSAP
  • localStorage

Cursor customizado do realm criativo

Arquivado

Cursor desenhado em canvas seguindo o mouse com atraso elástico. Bonito em tela grande, inutilizável em toque, e caro em repaint. Removido do realm em julho de 2026 — fica aqui como registro do que não compensou.

  • Canvas
  • requestAnimationFrame

Engenharia reversa do widget de esportes do Firefox

Estável

Reconstrução do widget da nova aba a partir do DOM real: abas de resultados e próximos jogos, agrupamento, placares e bandeiras. Serviu de estudo de acessibilidade em componente denso — virou projeto e saiu do laboratório.

  • React
  • TypeScript
  • CSS Modules

Renderização de molduras SVG do Daily Prophet

Arquivado

Tentativa de gerar as molduras ornamentais do jornal por SVG paramétrico em vez de imagem fatiada. O traço fica limpo em qualquer resolução, mas o custo de path em páginas com muitas caixas ficou alto demais. Pausado à espera de uma simplificação do traçado.

  • SVG
  • TypeScript