O que é

O DesignAI é um motor open-source voltado para a criação de materiais criativos para comércio e sites interativos guiados pelo rolamento da página. A ferramenta gera conteúdos visuais e páginas a partir de uma foto, um resumo curto ou um arquivo YAML. O resultado gerado consiste em arquivos padronizados de HTML, CSS e JavaScript que podem ser hospedados em qualquer servidor. O sistema roda localmente por padrão, sem a necessidade de chaves de API, e permite integração com o Claude via MCP.

Para quem serve

É indicado para desenvolvedores e criadores que buscam produzir landing pages com elementos 3D em tempo real, mapas, gráficos e efeitos visuais sem depender de serviços externos pagos. Serve tanto para quem trabalha em notebooks sem placa de vídeo dedicada quanto para quem utiliza modelos abertos em GPUs locais para renderização de vídeos e imagens.

Como começar

Para iniciar o uso, instale a ferramenta via terminal executando pip install -e . após clonar o projeto. Execute o comando studio doctor para verificar os recursos e modelos suportados pela sua máquina. Se estiver usando um computador sem GPU, crie um projeto apropriado com studio new meu-site --laptop. Em seguida, utilize studio preview para visualizar o resultado localmente.

Instalação 

git clone https://github.com/Okohedeki/designai && cd scroll-studio pip install -e . studio doctor # what this machine can build studio build examples/cellwright-bio # live 3D: needs nothing but Python studio preview cellwright-bio # http://localhost:5173 studio ui # the Studio app: http://localhost:5180

🔗 Repositório oficial: https://github.com/Okohedeki/designai

Veja em 1 minuto

📚 Mais conteúdos do canal: https://gist.github.com/VictorHugodaSilvaSousa/d1e955e97cd27fc662351821d0a3fdbe