🌐
Selecione a URL do site
Escolha uma URL para trabalhar. Todas as operações de arquivos, geração de site e deploy serão aplicadas na URL selecionada.
📁
Gerenciador de Arquivos
⚠️ Selecione uma URL primeiro no menu "Selecionar URL"
📄 www
⚡ script
📦 sandbox
🤖
Criar / Editar Site por IA
⚠️ Selecione uma URL primeiro no menu "Selecionar URL"
Formal, casual, técnico, divertido...
Separe por vírgula
Quando marcado, o site informado será capturado (home, desktop e mobile) e a IA receberá um
spec.md com paleta/tipografia detectadas como referência de design. Não copia conteúdo, apenas inspira o visual. Se desmarcado, este campo é ignorado.
🎨
Personalizar Site (perguntas opcionais)
Frontend
Backend
▼
🎨 FRONTEND
📐 Tipo de Site
Landing Page
Institucional
E-commerce
Blog
Dashboard
Portfólio
Formulário
One Page
📏 Estrutura / Layout
Single Page
Multi-page
Com Sidebar
Full-width
Centralizado
✨ Estilo Visual
Minimalista
Moderno / Glass
Corporativo
Colorido
Dark Mode
Retrô
Futurista
Pastel
🖌️ Cor de Fundo Principal
⬜ Branco
🔲 Claro
⬛ Escuro
🖤 Preto
🌈 Gradiente
🎯 Personalizado
🎨 Cor Primária
✨ Cor Accent (destaques, hovers, badges)
🔤 Tipografia
Sans-serif
Serif
Monospace
Combinação
📑 Seções desejadas (múltipla escolha)
Hero/Banner
Sobre
Serviços
Depoimentos
Galeria
Preços
FAQ
Contato
Newsletter
Footer
Navbar fixa
Cards/Grid
📱 Design Responsivo
Sim (mobile-first)
Básico
Apenas desktop
🎬 Animações
Nenhuma
Suaves
Elaboradas
🔣 Ícones
Emojis
SVG / Lucide
Font Awesome
Nenhum
📐 Densidade Visual
Compacta
Confortável
Espaçosa
Editorial
🔘 Cantos / Border Radius
Reto (0px)
Sutil (4-6px)
Suave (10-12px)
Generoso (16-24px)
Pill (CTAs redondos)
🖼️ Imagery (visuais do site)
Sem imagens
Fotos realistas
Ilustrações
SVG abstrato
Mockups/3D
Mix balanceado
🎭 Tom Emocional
Sério/Corporativo
Premium
Lúdico
Técnico
Humano
Bold
🚀 Nível de Ousadia Visual
Conservador
Equilibrado
Distintivo
Experimental
📝 Descrição da Identidade Visual Desejada
💡 Use este campo apenas para descrever em palavras a sensação, tom ou identidade desejada (a IA não consegue navegar em URLs).
🖼️ Para inspiração visual real, anexe screenshots, logo ou paleta na seção Arquivos Extras abaixo — a IA consegue analisar imagens diretamente.
🖼️ Para inspiração visual real, anexe screenshots, logo ou paleta na seção Arquivos Extras abaixo — a IA consegue analisar imagens diretamente.
⚙️ BACKEND
🖥️ O site precisa de backend (script servidor)?
Não, apenas frontend
Sim, com backend
💾 Armazenamento de Dados
📄 Arquivos JSON
🐬 MySQL
🐬 MariaDB
🐘 PostgreSQL
🔷 MSSQL
🔴 Oracle
🟠 Aurora
⚡ Supabase
❄️ Snowflake
🚫 Sem armazenamento
🔧 Configuração de Armazenamento
(credenciais serão criptografadas)
🔐 As credenciais serão criptografadas e armazenadas de forma segura. O código gerado usará leitura segura — senhas nunca ficam no código-fonte.
🔐 Autenticação
📧 Email + Senha
🔵 Google OAuth
🌍 Sem login
⚠️ Pré-requisito — Google OAuth:
Para que o login com Google funcione, você precisa:
1. Criar um projeto no Google Cloud Console e configurar as credenciais OAuth 2.0.
2. Gerar o arquivo
3. Fazer upload do
Sem este arquivo, o botão "Entrar com Google" não funcionará.
Para que o login com Google funcione, você precisa:
1. Criar um projeto no Google Cloud Console e configurar as credenciais OAuth 2.0.
2. Gerar o arquivo
oauth.json com os dados fornecidos pelo Google (Client ID, Client Secret, Redirect URIs).3. Fazer upload do
oauth.json na pasta sandbox da URL selecionada através do gerenciador de arquivos.Sem este arquivo, o botão "Entrar com Google" não funcionará.
🧩 Funcionalidades Backend (múltipla escolha)
CRUD
Upload
Telegram
Pagamento
API Externa
Relatórios
Google Sheets
Google Calendar
🤖 IA
🎙️ Áudio
✈️ Configuração do Telegram Bot
(token será criptografado)
Token obtido do @BotFather ao criar o bot.
ID do chat/grupo para notificações do admin. Descubra com @userinfobot.
🔐 O Bot Token será criptografado e armazenado de forma segura. O código gerado usará leitura segura — credenciais nunca ficam no código-fonte.
📌 Pré-requisitos:
1. Abrir @BotFather no Telegram e criar um bot com /newbot.
2. Copiar o token fornecido.
3. Os usuários devem enviar /start ao bot antes de receberem mensagens.
1. Abrir @BotFather no Telegram e criar um bot com /newbot.
2. Copiar o token fornecido.
3. Os usuários devem enviar /start ao bot antes de receberem mensagens.
💳 Configuração de Pagamento
(credenciais serão criptografadas)
💚 Asaas
💙 Pagar.me
🔐 A API Key será criptografada e armazenada de forma segura. O código gerado usará leitura segura — credenciais nunca ficam no código-fonte nem no frontend.
📊 Configuração do Google Sheets
(credenciais serão criptografadas)
ID encontrado na URL da planilha: docs.google.com/spreadsheets/d/{ID}/edit
Se vazio, serão detectados automaticamente pelo cabeçalho da planilha.
JSON da conta de serviço do Google Cloud. Compartilhe a planilha com o email da service account.
🔐 As credenciais serão criptografadas e armazenadas de forma segura. O código gerado usará leitura segura — credenciais nunca ficam no código-fonte.
📅 Configuração do Google Calendar
(credenciais serão criptografadas)
Use
primary para o calendário principal ou o e-mail do calendário específico.JSON da conta de serviço do Google Cloud. Compartilhe o calendário com o email da service account.
🔐 As credenciais serão criptografadas e armazenadas de forma segura. O código gerado usará leitura segura — credenciais nunca ficam no código-fonte.
📌 Pré-requisitos:
1. Criar um projeto no Google Cloud Console.
2. Ativar a Google Calendar API.
3. Criar uma Service Account e baixar o JSON de credenciais.
4. Compartilhar o calendário desejado com o e-mail da Service Account (permissão: "Fazer alterações nos eventos").
1. Criar um projeto no Google Cloud Console.
2. Ativar a Google Calendar API.
3. Criar uma Service Account e baixar o JSON de credenciais.
4. Compartilhar o calendário desejado com o e-mail da Service Account (permissão: "Fazer alterações nos eventos").
🤖 Configuração de IA (AIClient)
(credenciais serão criptografadas)
Nome exato do modelo conforme documentação do provedor.
🔐 A API Key será criptografada e armazenada de forma segura. O código gerado usará leitura segura — credenciais nunca ficam no código-fonte.
🎙️ Configuração de Transcrição de Áudio
(credenciais serão criptografadas)
⚡ Groq (Whisper)
🔵 Google Speech-to-Text
Obtenha em console.groq.com
Código do idioma (ex: pt, en, es). Deixe vazio para detecção automática.
JSON da conta de serviço do Google Cloud com Speech-to-Text API ativada.
🔐 As credenciais serão criptografadas e armazenadas de forma segura. O código gerado usará leitura segura — credenciais nunca ficam no código-fonte.
📌 Pré-requisitos:
1. Criar conta no Groq.
2. Gerar uma API Key em console.groq.com/keys. 1. Criar projeto no Google Cloud Console.
2. Ativar a Cloud Speech-to-Text API.
3. Criar Service Account e baixar o JSON de credenciais.
1. Criar conta no Groq.
2. Gerar uma API Key em console.groq.com/keys. 1. Criar projeto no Google Cloud Console.
2. Ativar a Cloud Speech-to-Text API.
3. Criar Service Account e baixar o JSON de credenciais.
📋 Resumo das escolhas:
Se preenchido, os arquivos serão gerados dentro desta pasta. Ex: "adm" → www/url/adm/
Opus 4.7 suporta até 128000. Valor maior dá folga para o novo tokenizer (~35% mais tokens).
No Opus 4.7 é traduzido para effort; no 4.6 usado como budget_tokens.
📚
Skills
⚠️ Atenção: Desmarcar as skills do sistema pode resultar em código incompatível com o runtime FlexPage. Recomendamos mantê-las selecionadas.
Envia os arquivos atuais da URL (html, css, js) como contexto para a IA editar.
Envie documentos de referência adicionais para a IA.
🎨
Gerar Site a partir de Figma
ALPHA
🧪 Funcionalidade experimental em desenvolvimento.
Por usar IA generativa, os resultados podem variar entre execuções e quase sempre exigem revisão e ajustes manuais. Arquivos Figma muito grandes ou com layouts complexos podem falhar na extração. Interface, comportamentos e custo de tokens podem mudar sem aviso.
⚠️ Selecione uma URL primeiro no menu "Selecionar URL"
⚠️ Esta funcionalidade requer uma configuração Claude Opus 4.6 ou Claude Opus 4.7. Vá em Configurar IA e cadastre uma.
Selecione um projeto existente ou crie um novo.
Modo Criar: extrai do Figma do zero.
Usado para a pasta de extração. Caracteres especiais viram hífen.
Gerado em Settings → Personal access tokens.
Da URL: figma.com/file/{file_key}/...
Formato típico: "0:1".
Compartilhado com "Gerar Site por IA".
Fixo em 128000 (limite do Opus 4.7).
📚
Skills (Backend)
⚠️ Atenção: Desmarcar a skill crítica de backend pode resultar em código incompatível com o runtime FlexPage.
Envie documentos de referência adicionais para a IA.
Selecione ou crie um projeto para começar.
🚀
Deploy
⚠️ Selecione uma URL de origem primeiro no menu "Selecionar URL"
Copiar todos os arquivos (www, script e sandbox) da URL ativa para outra URL.
⚠️ Atenção: Esta operação sobrescreve arquivos existentes na URL de destino. Não é possível desfazer.
✅ Configuração SEO carregada. Editar
📊
Consumo de Tokens
Carregando...
⚙️
Configuração de IA
ℹ️ Configuração de IA gerenciada pelo administrador. Apenas visualização.
⚠️ Nenhum provedor ativo
➕ Adicionar / Atualizar IA
👥
Gerenciar Usuários
🔐