produtono aro texto fantasma
Ghoscode
Plataforma completa de ensino de programação guiada pelo Professor Ghos, um assistente de IA que ensina através de código fantasma que aparece progressivamente.
A identidade desta sala
app_ghoscode/webapp/src/styles/global.css
Paleta de editor de código, porque o produto é um editor de código.
A escolha
TypeScript na web, Dart no celular
O produto é um editor de código dentro do navegador, e o editor do VS Code (Monaco) é escrito em TypeScript: usar outra linguagem na frente significaria manter uma ponte para o componente mais importante da tela. No celular, uma base em Flutter entrega Android e iOS de uma vez, e a alternativa era manter dois aplicativos para o mesmo conteúdo. O controle de acesso ficou no banco, com regras por linha, em vez de numa camada de API: assim nenhuma rota nova pode esquecer de verificar permissão.
01
O que é o Ghoscode
Ghoscode é uma plataforma de ensino de programação que usa uma abordagem única: ghost text progressivo. Em vez de mostrar o código completo ou pedir que o aluno escreva do zero, o código "aparece" gradualmente como texto fantasma, e o aluno precisa completá-lo. Isso cria uma experiência entre leitura e escrita que acelera o aprendizado.
O coração do projeto é o Professor Ghos, um assistente de IA que guia o aluno através de um currículo estruturado de 17 projetos, adaptando a dificuldade e oferecendo explicações contextuais em tempo real.
02
Arquitetura
O Ghoscode é um monorepo com múltiplas frentes de produto: uma extensão para VS Code com motor de ghost text completo (CharState, Mask, Fade), 369 testes e 4 modos de dificuldade; um webapp em React com Monaco Editor integrado; um app mobile em Flutter (congelado); e um backend compartilhado em Supabase com PostgreSQL, Auth, e 7 Edge Functions.
A landing page em PT e EN já está completa, e o sistema de pagamento suporta tanto Stripe quanto MercadoPago para alcançar mercados global e brasileiro.
03
Desafios técnicos
O maior desafio foi criar o motor de ghost text, um sistema que controla a aparição progressiva de cada caractere com estados (CharState), máscaras de visibilidade e efeitos de fade, tudo sincronizado com a posição do cursor do aluno no editor.
Outro desafio significativo foi o sistema de currículo baseado em YAML com um grafo de conceitos (ConceptGraph) e motor de passos (StepEngine) que permite ao Professor Ghos adaptar o ensino ao nível do aluno em tempo real.
O sistema de sync offline (OfflineQueue) garante que o progresso do aluno nunca se perca, mesmo sem conexão. Quando a internet volta, sincroniza tudo automaticamente.
04
Currículo como código, não como painel
Aqui não existe um painel visual de administração, e isso foi escolha: os 82 projetos do currículo vivem em arquivos YAML versionados no repositório, cada edição passa por revisão como qualquer código. Gestão de usuário e assinatura roda em cima do Supabase (Auth + RLS por linha), sem tabela solta acessível sem controle.
Segurança por design em vez de tela de admin: cada aluno só lê e escreve o que é dele, a política é reforçada no banco, não só na aplicação. Um painel bonito por cima disso é próxima etapa, não pré-requisito.