screenshot-to-code

Screenshot to Code é uma ferramenta de código aberto que transforma screenshots, mockups, designs do Figma e gravações de tela em código front-end limpo e funcional. Ela utiliza modelos de IA como Gemini, GPT e Claude para gerar réplicas precisas a partir de entradas visuais. As stacks de saída suportadas incluem HTML + Tailwind, HTML + CSS, React + Tailwind, Vue + Tailwind, Bootstrap e Ionic + Tailwind. A ferramenta também suporta a conversão de gravações de tela de sites em protótipos funcionais, não apenas imagens estáticas. Recursos relacionados a imagens movidos por Replicate incluem extração de ativos (reutilização de logotipos e imagens reais do screenshot original), geração de imagens, remoção de fundo e edição de imagens. Um recurso de pré-visualização de screenshot renderiza as páginas geradas em um navegador headless para verificação visual automática. O projeto consiste em um frontend React/Vite e um backend FastAPI. Pode ser executado localmente com chaves de API de pelo menos um provedor (OpenAI, Anthropic ou Gemini), ou implantado via Docker. As chaves Gemini e Replicate são altamente recomendadas para melhor precisão e suporte completo a recursos. Opções de uso: - Hospedado em screenshottocode.com para uso rápido sem configuração. - Auto-hospedagem local para personalização, contribuição ou implantação privada.