AppHost

Projeto

Assets locais

Cole o HTML completo ou use `src`/`url(...)` relativo para detectar imagens automaticamente.

Links do projeto

Use `href` relativo em links internos para escolher qual app do projeto ele deve abrir.

▸ preview

console

Logs do preview vão aparecer aqui.

📦 Dados do App

Nenhum dado.

🌐 Dados do Projeto

Carregando...

🌐 Shared DB

Nenhum dado.

✨ Gerar com IA

Apps completos prontos para usar. Clique num template e cole diretamente no editor.

Selecione um template para ver detalhes

Tipo de app

Admin + Cliente

Só Cliente

Jogo / Quiz

Ferramenta

Descreva sua ideia

Onde usar o prompt gerado

G Google Gemini / Gemini Advanced

C Claude (claude.ai) — recomendado

O ChatGPT / GPT-4o

✨ Projeto Completo em JSON

Descreva o nome do projeto e o ecossistema de apps. O sistema gera um prompt para pedir um JSON completo a uma IA e, no mesmo modal, você já cola esse JSON para criar automaticamente o projeto com todos os apps.

Nome do projeto

Ecossistema do projeto

Stack atual: HTML/CSS/JS vanilla. A geração com IA usa esse mesmo modo.

Gerar com IA

Use sua chave da OpenRouter. A configuração pode ficar salva só neste navegador para você gerar o JSON completo sem sair do AppHost.

JSON esperado da IA

{ "project": { "name": "Nome do projeto", "ecosystem": "Resumo do ecossistema", "description": "Visão geral do produto" }, "apps": [ { "name": "Painel Admin", "slug": "painel-admin", "role": "admin", "description": "O que este app faz", "htmlDocument": "..." } ] }

Cole o JSON retornado