deckpipe.dev
deckpipe · Produtividade
O deckpipe.dev é um motor de apresentações feito para agentes. Ele deixa que agentes de IA criem, editem e renderizem apresentações sem nunca encostar num template. Cada slide é HTML, CSS e JS montado num shadow root isolado de 1920×1080, e tudo roda sobre um servidor MCP para Claude, Cursor e Claude Code. Quer um gerador de slides com IA que entregue o controle total do design ao seu agente em vez de prendê-lo em layouts prontos? É essa lacuna que o deckpipe preenche, e ele mira direto fluxos em que o agente, e não uma pessoa, faz a construção.
Sobre deckpipe.dev
O que é o deckpipe.dev
O deckpipe.dev é um motor de renderização para agentes de IA. Em vez de arrastar caixas por um canvas, seu agente escreve cada slide como código. Depois o deckpipe isola, aplica o tema e hospeda o resultado. A proposta é simples: sem templates, sem layouts, sem limites.
Ele resolve um problema bem específico. A maioria das ferramentas de apresentação deixa o agente preso a formatos prontos, então toda apresentação feita com IA acaba igual. Como ferramenta de apresentações para agentes de IA, o deckpipe devolve o controle do design ao agente. Uma folha de estilos no nível da apresentação flui para cada slide, então você escreve seu sistema de design uma vez e reutiliza.
O custo existe. Como os slides são código, o deckpipe espera um agente capaz de escrever e corrigir HTML e CSS. Um usuário comum sem um agente no circuito não vai tirar muito proveito. Nem de longe. Além disso, ele foi construído em torno do fluxo MCP, então a edição manual comum não é o caminho principal.
Como começar
- Conecte o servidor MCP. Aponte seu agente para o servidor remoto em https://deckpipe.dev/mcp, ou faça uma instalação local com npx deckpipe-mcp para transporte stdio.
- Carregue a skill deckpipe-design para que seu agente conheça as regras de densidade, o padrão de segurança de layout e a varredura de transbordamento.
- Peça ao seu agente que crie uma apresentação. Ele chama create_deck e escreve cada slide como HTML, CSS e JS.
- Pré-visualize os slides. preview_slide e get_slide_screenshot devolvem um PNG renderizado mais um relatório de renderização com transbordamentos, erros de JS e cargas de fontes.
- Edite no lugar. Clique em qualquer texto de um slide do canvas para alterá-lo, ou deixe comentários que seu agente lê, atualiza e responde.
Informações do produto
Uma visão rápida dos preços, das plataformas compatíveis e do desempenho de deckpipe.dev.
Ideal para
Os usuários, tarefas e cenários em que esta ferramenta se encaixa melhor.
Usuários
- Criadores de agentes de IA
- Designers que programam
- Fundadores e times de produto
Tarefas
- Gerar uma apresentação completa a partir de um prompt
- Editar um único elemento sem renderizar tudo de novo
- Manter um visual consistente em muitos slides
Cenários
- Iterar numa apresentação de pitch na véspera de uma reunião
- Ensinar a um agente uma boa densidade de slides
- Automatizar relatórios recorrentes
Principais recursos
Canvas de código em vez de templates
Cada slide é HTML, CSS e JS que vive num shadow root isolado de 1920×1080. Seu agente desenha layouts pixel a pixel sem brigar com os encaixes fixos de um template, e o teto do que um slide pode parecer passa a ser a própria habilidade do agente em vez da biblioteca de layouts da ferramenta, o que importa muito quando você monta uma apresentação de marca que precisa se destacar de todas as autogeradas que seus concorrentes entregam.
Conexão nativa MCP
O deckpipe roda um servidor remoto em /mcp para qualquer agente compatível com MCP, e você pode instalá-lo localmente via npx deckpipe-mcp para transporte stdio. Claude Code, Cursor e Claude de desktop ou web se conectam por esse caminho. Se sua cadeia de ferramentas já fala MCP, a configuração é uma linha, não um projeto.
Sistema de design no nível da apresentação
Uma folha de estilos fica na apresentação e é adotada por cada slide. Escreva suas cores, escala tipográfica e espaçamento uma vez e toda a apresentação os herda. O head também carrega Google Fonts, scripts de CDN e bibliotecas de ícones, então seu agente não fica limitado aos padrões do sistema.
Edição ao vivo e comentários
Clique em qualquer texto de um slide do canvas para editá-lo ali mesmo. As mudanças estruturais passam por operações de inserir, apagar, mover e substituir, então seu agente consegue corrigir um único elemento sem reenviar a apresentação inteira. Os comentários funcionam do mesmo jeito: você marca um elemento, seu agente lê o retorno, atualiza a apresentação e responde.
Capturas integradas e relatórios de renderização
preview_slide e get_slide_screenshot devolvem um PNG renderizado integrado mais um relatório de renderização cobrindo transbordamentos, erros de JS e cargas de fontes. Seu agente vê o que os revisores veem antes de confirmar, o que pega o clássico bug de um título que vaza para fora do quadro.
Um conjunto de ferramentas enxuto
A superfície MCP fica pequena e direta: create_deck, clone_deck, get_deck, update_deck, delete_deck, preview_slide, get_slide_screenshot, upload_image, search_images, list_layouts, list_comments, reply_to_comment e resolve_comment. Uma API enxuta é mais fácil para um agente usar bem do que uma gigantesca.
Prós e contras
Prós
- Controle total do design, porque os slides são HTML, CSS e JS puros, sem amarras de template.
- Nativo MCP, então agentes como Claude Code e Cursor se conectam com configuração mínima.
- Relatórios de renderização e capturas integradas pegam problemas de layout antes de você compartilhar a apresentação.
- A edição ao vivo e os comentários mantêm as pessoas no circuito sem quebrar o fluxo do agente.
- Canvas gratuito, sem nenhum nível pago bloqueando o uso básico.
Contras
- Exige um agente compatível com MCP, o que deixa de fora quem trabalha sem um agente no circuito.
- Seu agente precisa escrever e corrigir HTML e CSS, então agentes fracos em código produzem slides fracos.
- Não há galeria de templates nem editor de arrastar e soltar, então não serve para quem quer ajustar slides na mão.
- Por ser uma ferramenta mais nova, a documentação e os exemplos da comunidade ainda são escassos.
Perguntas frequentes
É um motor de apresentações que deixa agentes de IA criarem, editarem e renderizarem apresentações como código. Você o usa quando quer que um agente monte apresentações em vez de montá-las na mão numa ferramenta de templates.
Conteúdo relacionado
Explore ferramentas, skills e artigos relacionados a deckpipe.dev.
Alternativas a deckpipe.dev
Base Code
Base44 (Wix) · Programação · ProdutividadeO Base Code é um ambiente de desenvolvimento em nuvem compartilhado da Base44. O time descreve mudanças em um repositório do GitHub pelo chat, confere tudo na prévia e envia o resultado como pull request.
Knocket
Knocket (Tencent RTC team) · Produtividade · Negócios · ChatbotO Knocket é uma ferramenta gratuita de chat ao vivo e página de contato: o visitante escreve pelo site, pelo app ou por um link, e você responde pelo Telegram ou por uma única caixa de entrada.
FloorGen
Vinit Kumar (FloorGen) · Produtividade · IA chinesaO FloorGen é um criador de plantas que roda no navegador e transforma uma frase ou um esboço em planta 2D editável e passeio em 3D. Exporta em PDF, DXF ou vídeo, e desenhar não exige conta.