Moont
Studio de narrativas visuais com IA. Moont Comunica transforma conteúdo em carrosséis e formatos sociais; Moont Apresenta organiza pitches, aulas, propostas, relatórios e keynotes em slides 16:9.
Produção: moont.ai · Vite + React 18 · API serverless na Vercel. Durante a migração, viralcarrossel.com.br continua acessível para recuperar dados salvos nesse navegador.
Criar com a Moont
- Abra um projeto e vá a Marca → Deste projeto. Salve um nome para o contexto, brief, estilo visual, até quatro referências e, se quiser, uma logo PNG transparente.
- Em Prompt para gerar, diga o que criar e quantos cards deseja. Escolha Só texto ou Texto e imagens e um modo narrativo, incluindo Nenhum.
- Refine o card ou use Refazer com tom alternativo. Selecione um dos oito tons, escolha o escopo e confirme. O remix só de texto mantém imagens, fontes, cores e composição.
- Para reutilizar a logo, abra Marca → Logo. Ajuste tamanho e posição, ou aplique em todos os cards. O upload para o projeto não aplica a logo em todos os cards.
- Exporte em PNG ou PDF. Faça também um backup JSON pela biblioteca para preservar o projeto editável e seus arquivos.
Cancelar geração fica disponível durante os trabalhos de IA, mesmo ao trocar de aba. O que já ficou pronto permanece. Uma imagem já enviada ao provedor ainda pode consumir crédito.
Guia completo: Projetos, contexto e geração.
Recursos atuais
- Brief separado da matéria-prima do post, estilo e referências por projeto; aviso Contexto ON no topo.
- Oito modos narrativos e opção Nenhum; presets criativos e densidade de texto.
- Geração de cards, slides e legenda, revisão editorial, variações de gancho e refinamento individual ou em lote.
- Caminhos próprios para comunicação social e apresentações, com estruturas narrativas e padrões visuais diferentes.
- Oito tons de remix: Analítico, Provocador, Leve, Didático, Inspirador, Acolhedor, Técnico e Comercial.
- Pesquisa de nicho: web ao vivo com chave Anthropic; sem essa chave, hipóteses de pauta identificadas como tal.
- Identidade de marca, padrões visuais, layout, fontes, paleta e logo PNG reutilizável por card.
- Editor responsivo, histórico de alterações, biblioteca de projetos e exportação.
- Login por e-mail/senha ou Google, mostrar/ocultar senha e recuperação por link via Resend.
Os modos de interface Criar rápido, Controle profissional e Studio controlam a quantidade de ferramentas visíveis. São distintos dos modos narrativos, que orientam a estrutura do conteúdo.
No Criar rápido, o editor tem duas abas, no computador e no celular: Início para projetos e geração; Ajustes para estilos prontos, texto, imagem, logo do projeto e tom. Os presets salvos pelo usuário aparecem junto aos estilos prontos. É possível aplicar um estilo ao card atual ou a todos, preservando os textos, preços, fotos e CTAs. A troca de logo em Ajustes vale para o projeto e não modifica a marca salva. Mais controles abre o Controle profissional com o mesmo projeto.
Planos e IA
Valores e saldo de imagens vêm de shared/plans.js, compartilhado entre app, landing e servidor.
| Plano | Mensalidade | Imagens de IA inclusas por ciclo mensal |
|---|
| Essencial | R$ 19,90 | 0 |
| Criador | R$ 97 | 50 |
| Pro | R$ 197 | 150 |
| Max | R$ 297 | 300 |
Todos incluem o editor e texto com IA pela plataforma. Imagens inclusas usam o serviço do plano; imagens próprias podem ser importadas. Chaves próprias de IA são opcionais e seu consumo é cobrado pelo provedor. As opções e modelos disponíveis estão em src/config/ai-providers.js.
Integrações por MCP
O Moont pode ser conectado ao ChatGPT, Claude Code e Codex pelo MCP hospedado em https://moont.ai/mcp. A conexão usa OAuth com os escopos projects:read e projects:write; no Codex também existe o plugin local em plugins/moont.
O agente pode listar e ler projetos, revisar texto e composição com prévia, aplicar alterações versionadas, desfazer uma aplicação e gerar as fotos dos cards. generate_slide_image usa a imageQuery já salva em cada card, aceita até oito cards sem foto por job e consome um crédito de imagem por card. A chamada responde pending; o agente acompanha o trabalho até applied ou failed. Créditos de cards que falham são devolvidos, e repetir o mesmo requestId consulta o mesmo job sem gerar ou cobrar novamente.
O MCP não recebe os bytes das fotos nem expõe credenciais de banco. A imagem gerada é armazenada na conta e incorporada ao projeto. Logos, referências e uploads permanecem protegidos contra substituição por esse fluxo.
Persistência e backup
- O documento e a biblioteca ficam no
localStorage; bytes de imagens, referências e logos de projeto/cards ficam no IndexedDB.
- O contexto é isolado por projeto. O perfil global de marca e o material do post são conceitos diferentes.
- Não há sincronização automática de projetos entre aparelhos. Use exportação/importação JSON para transferir o projeto com seus arquivos.
- Não limpe os dados do navegador sem um backup. PNG/PDF são arquivos para publicação, não substituem o backup editável.
Desenvolvimento local
Execute os comandos na raiz aninhada do app: /Users/elevessy/Documents/viral-carrossel/viral-carrossel.
npm install
npm run dev
O Vite serve a interface em http://localhost:5173. Para rotas serverless de autenticação/assinatura, use o ambiente Vercel; vercel dev executa essas rotas localmente. As variáveis estão descritas em .env.example e configuração de acesso/planos. Não versione .env.local nem exponha segredos de servidor com prefixo VITE_.
O app usa imports de src/, dependências npm e rotas api/; copiar apenas ViralCarrossel.jsx para um artifact não reproduz o produto.
Validação e publicação
npm test # identificadores, props, unitários e integração
npm run test:e2e # Playwright; APIs simuladas, sem créditos pagos
npm run build
O push para main aciona CI e deploy Vercel. Só considerar a publicação concluída depois dos jobs test e e2e aprovados e do domínio oficial apontar para a versão pronta.
Base publicada em 28/09/2026: d2043b6, 343 testes de código + 66 testes de navegador. Contagens registram essa versão; a suíte pode crescer.
Formatos e atalhos
| Formato | Dimensões |
|---|
| Feed 4:5 | 1080 × 1350 |
| Quadrado | 1080 × 1080 |
| Stories | 1080 × 1920 |
| Apresentação 16:9 | 1920 × 1080 |
⌘/Ctrl+S salva o projeto; ⌘/Ctrl+E exporta o card; ⌘/Ctrl+Z desfaz; ⌘/Ctrl+⇧Z refaz. Setas navegam, N adiciona card e ? abre a ajuda quando o foco não está em um campo de texto.
Documentação
Auditorias datadas descrevem a versão examinada na época; não substituem o código atual nem os contratos acima. As skills locais de apoio ficam em .agents/skills/, incluindo carrossel-cultura e polish.
