Phantom Code

Phantom Code es una aplicación de escritorio construida con Electron y React. Un atajo global captura el problema en pantalla y una API en NestJS envía la captura al modelo que elija el usuario: OpenAI, Anthropic, Google Gemini u OpenRouter mediante el Vercel AI SDK, con OCR en Tesseract como alternativa, o un modelo local con Ollama o LM Studio. La solución aparece en una ventana superpuesta. Las claves de API se guardan por proveedor y se cifran con el almacén de claves del sistema operativo.

El producto es el propio código fuente. El sitio en Next.js 16 vende acceso de por vida mediante Stripe, autentica a los compradores con Better Auth, protege una documentación de 17 páginas en Markdown almacenada en PostgreSQL, con búsqueda en vivo por sección, y sirve descargas temporales desde Supabase Storage, que GitHub Actions actualiza en cada push.

Rediseñé todo el frontend como un sistema monocromático, solo en modo oscuro. El hero es una escena en three.js basada en la ilusión teatral Pepper's Ghost: un cristal con el código en un escenario oscuro, alrededor del cual gira la cámara al hacer scroll. La consola de compradores sigue la estructura de la consola de Oxide Computer, con paleta de comandos, tablas y skeletons de carga, y las páginas 404 y de error muestran el código de estado en una matriz de puntos.

El rediseño también actualizó todas las dependencias a su última versión, incluido TypeScript 7 funcionando junto a la API de TypeScript 6 para las herramientas, y añadió un entorno Docker de desarrollo con un Redis compatible con Upstash y precompilación de rutas, que redujo la primera navegación de 10,2 s a unos 180 ms.