Criação de sites interativos com DesignAI

#braziliandevs #opensource #github #webdesign

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