99.3K+Baixar

Diário

A clean editorial illustration of a fanned stack of presentation slides on a near-white desk, the top slide held in a green selection frame with corner handles, beside a soft matte 3D cursor and pen, with a dot grid and golden spiral Ferramentas e skills

Claude PPT Skills: Como Criar uma Apresentação de Slides com Seu Agente de Código

Agora você pode delegar a criação de slides a um agente de código. Este é um guia honesto sobre as Claude PPT skills em 2026 — o que elas são, as opções open source que valem a instalação (frontend-slides, guizang, dashiAI e mais), uma tabela comparativa, como de fato usar uma delas e onde um workspace de design agent-native entra em cena quando uma skill chega ao seu limite.

10 de julho de 2026 · 9 min de leitura Ler mais →
Tudo Produto Guias Casos de uso Comunidade Ferramentas e skills
  1. A clean illustration of an image-forward presentation slide held in a green selection frame with a command-line caret, on a near-white dot-grid ground Ferramentas e skills

    codex-ppt-skill: apresentações de PowerPoint com foco na imagem usando um agente de código

    codex-ppt-skill é um skill de código aberto que combina seu agente de código com o GPT-Image-2 para criar apresentações de PowerPoint com foco na imagem — cada slide é uma imagem projetada, não uma lista de tópicos. Veja aqui o que é, quando slides com a imagem em primeiro plano são a escolha certa, como usar, uma análise honesta das concessões e onde um Agent-Native Design Workspace assume o trabalho.

    10 de julho de 2026 6 min de leitura Ler →
  2. A clean illustration of a presentation slide being edited with drag handles beside a row of theme swatches, the slide held in a green selection frame, on a near-white dot-grid ground Ferramentas e skills

    dashiAI-ppt-skill: apresentações editáveis a partir de um agente de código

    A maioria dos skills de PPT para agentes de código entrega um HTML que você só pode re-promptar. O dashiAI-ppt-skill é o que exporta apresentações editáveis no navegador — para que até quem não programa consiga ajustar o resultado. Este é um guia honesto: o que é, sua dúzia de temas, como instalar e usar, a pegadinha da AGPL-3.0 e onde um agent-native design workspace assume.

    10 de julho de 2026 6 min de leitura Ler →
  3. A clean illustration of a coding-agent cursor assembling a web slide from layout blocks, the finished slide held in a green selection frame with corner handles, on a near-white dot-grid ground Ferramentas e skills

    frontend-slides: crie slides web com um agente de código

    O frontend-slides é o skill de PPT de código aberto com mais estrelas para agentes de código: ele monta apresentações como páginas web limpas e modernas que você apresenta direto no navegador. Este guia mostra o que é, como instalar e usar, no que ele realmente é bom (e seus limites), como se compara aos outros skills de PPT do Claude e onde um Agent-Native Design Workspace assume quando um único skill chega ao fim da linha.

    10 de julho de 2026 6 min de leitura Ler →
  4. A clean illustration of an editorial, Swiss-grid presentation slide held in a green selection frame with a pen tool, on a near-white dot-grid ground Ferramentas e skills

    guizang-ppt-skill: decks HTML com estética editorial usando um agente de código

    guizang-ppt-skill é a skill de agente de código com 20,8 mil estrelas que transforma um prompt em um deck HTML de fato projetado — layouts editoriais de revista e tipografia em grade suíça, não mais um template. Aqui está o que ela é, como usá-la, os avisos francos (licença AGPL-3.0, saída em HTML), como se compara às outras skills de PPT do Claude e onde um Agent-Native Design Workspace assume o rumo.

    10 de julho de 2026 6 min de leitura Ler →
  5. A clean illustration of a Markdown text file turning into a stack of slides, the top slide held in a green selection frame with corner handles, on a near-white dot-grid ground Ferramentas e skills

    Marp: a ferramenta de apresentações em Markdown (e como exportar para PowerPoint)

    O Marp é o ecossistema open source de apresentações em Markdown: escreva os slides em Markdown e depois exporte para HTML, PDF ou PowerPoint com a Marp CLI. Este guia aborda os temas do Marp, a escrita em Markdown, a exportação para pptx (como imagens) com o marp-cli, como ele se compara ao reveal.js e ao Slidev, e onde um Agent-Native Design Workspace entra em cena.

    10 de julho de 2026 7 min de leitura Ler →
  6. A clean illustration of a document turning into an editable slide made of native shape blocks, the slide held in a green selection frame with corner handles, on a near-white dot-grid ground Ferramentas e skills

    ppt-master: PowerPoint editável a partir de qualquer documento, criado por um agente

    ppt-master é o projeto open source com 38 mil estrelas que transforma qualquer documento em um PowerPoint real e editável — com formas e animações nativas, e não slides virados imagens. Veja aqui o que ele é, como funciona o fluxo de trabalho do agente, uma análise honesta de onde ele se encaixa entre as habilidades PPT do Claude e onde um espaço de design agent-native assume quando um deck pontual não é suficiente.

    10 de julho de 2026 6 min de leitura Ler →
  7. A clean illustration of an HTML presentation slide in a browser with navigation arrows, held in a green selection frame with corner handles, on a near-white dot-grid ground Ferramentas e skills

    reveal.js: temas, exportação e como ele se compara às alternativas

    O reveal.js é o framework de apresentações HTML de código aberto com 71,9k estrelas no GitHub — você escreve os slides em HTML ou Markdown e apresenta em qualquer navegador. Aqui vai um guia honesto: como funcionam temas, modelos e exemplos, como a exportação para PDF e PowerPoint realmente se comporta, como ele se compara ao Slidev e ao Marp, e onde entra um espaço de design agent-native.

    10 de julho de 2026 7 min de leitura Ler →
  8. A clean illustration of a Markdown document with code becoming a developer presentation slide, the slide held in a green selection frame with corner handles, on a near-white dot-grid ground Ferramentas e skills

    Slidev: temas, exemplos e como exportar para o PowerPoint

    O Slidev é a ferramenta de apresentações open source e voltada a desenvolvedores, com 47,6k estrelas no GitHub: você escreve os slides em Markdown com componentes Vue embutidos e apresenta tudo no navegador. Este é um guia franco: como funcionam os temas e os exemplos, como a exportação para PDF e PowerPoint realmente se comporta, como ele se compara ao Marp e ao reveal.js e onde entra um Agent-Native Design Workspace.

    10 de julho de 2026 7 min de leitura Ler →
  9. OpenDesign Shanghai AI Workshop cover showing Shanghai landmarks built from code-like line art Comunidade

    O OpenDesign AI Workshop chega a Xangai

    Um workshop prático em Xangai para estudantes, desenvolvedores, designers e builders de ferramentas de IA transformarem prompts e referências em artefatos reais.

    2 de julho de 2026 3 min de leitura Ler →
  10. A warm editorial illustration of three groups of AI design-agent cards on a desk — creative assets, task helpers, and an agent-native pipeline — with the design-to-code agent card lifted out and held in a green selection frame, beside soft plants and a coffee mug Guias

    Melhores agentes de design com IA em 2026: um guia honesto e testado

    "Agente de design com IA" significa três coisas diferentes em 2026 — uma suíte criativa na nuvem, um bot de tarefas ou um agente que transforma seu design em código pronto para publicação. A maioria das listas mistura tudo. Aqui está o mapa honesto dos melhores agentes de design com IA, para que serve cada categoria de verdade e a única pergunta que revela qual tipo você precisa.

    30 de junho de 2026 8 min de leitura Ler →
  11. A warm editorial illustration of a clickable mockup prototype and a running code prototype side by side on a desk, with the code prototype that becomes the shipped product held in a green selection frame, beside soft plants and a coffee mug Guias

    Melhores ferramentas de prototipagem com IA em 2026: um guia honesto e testado

    As melhores ferramentas de prototipagem com IA em 2026 se dividem por uma questão que as listas ignoram: o protótipo é descartável ou vira o produto que você lança? Aqui está o mapa honesto — protótipos de mockup, protótipos de código, planejadores e pipelines agent-native — e como escolher o que combina com o que você fará a seguir.

    30 de junho de 2026 9 min de leitura Ler →
  12. A warm editorial illustration of a row of AI design-tool cards on a scorecard, with one card — a plain-text design file you can keep — lifted out and held in a green selection frame, on a near-white paper ground with soft plants and a coffee mug Guias

    As melhores ferramentas de design com IA em 2026: um guia honesto e testado

    A maioria das listas de "melhores ferramentas de design com IA 2026" classifica a demo mais bonita e ignora a única pergunta que de fato decide a sua escolha: o design sobrevive até virar código pronto para produção que é seu? Aqui está o mapa honesto — um placar com seis categorias, as ferramentas que valem o seu tempo para design de UI/UX, de produto e de web, e a categoria que todas as outras listas esquecem.

    30 de junho de 2026 10 min de leitura Ler →
  13. A warm editorial illustration of a row of AI app-builder cards on a desk, with one card — an open folder of portable files you own — lifted out and held in a green selection frame, beside soft plants and a coffee mug Guias

    As melhores alternativas ao Bolt.new em 2026, organizadas pelo motivo da sua saída

    Um guia honesto das melhores alternativas ao Bolt.new, agrupadas pelo problema real que faz você procurar — confiabilidade, lock-in ou propriedade — e o trade-off que cada opção entrega em silêncio.

    30 de junho de 2026 9 min de leitura Ler →
  14. A warm editorial illustration of a design mockup flowing through an arrow into clean code, with the connecting design-system file card held in a green selection frame, on a near-white paper desk with soft plants and a coffee mug Guias

    Ferramentas de design-para-código: exportação ou pipeline?

    Design-para-código não é uma categoria, são quatro. Um guia honesto dos exportadores de Figma, dos AI app builders, do handoff e do pipeline agent-native — e a pergunta que realmente decide qual deles serve para você.

    30 de junho de 2026 9 min de leitura Ler →
  15. A warm editorial illustration of several design-tool windows grouped into camps — an open-source canvas, a native app, an AI generator — with one option, a plain-text design-to-code pipeline, lifted out and held in a green selection frame, on a near-white paper desk with soft plants and a coffee mug Guias

    As melhores alternativas ao Figma em 2026, organizadas pelo motivo de quem está saindo

    Nenhuma ferramenta substitui o Figma por completo. Em vez de procurar um substituto único, descubra de qual parte do Figma você realmente quer se livrar — e qual ferramenta resolve exatamente esse motivo.

    30 de junho de 2026 9 min de leitura Ler →
  16. A warm editorial illustration of a terminal prompt becoming a polished UI screen on a tablet, with a design-system file card (DESIGN.md) held in a green selection frame connecting the two, beside soft plants and a coffee mug Guias

    Como usar o Claude Code para design de front-end (Guia 2026)

    O Claude Code é capaz de produzir um design de front-end realmente bom — mas só com a configuração e os prompts certos. Aqui está o guia prático: instale o plugin frontend-design, oriente por direção estética em vez de pixels, conduza as dimensões do design e leve o resultado de uma tela isolada a um design system que é seu.

    30 de junho de 2026 9 min de leitura Ler →
  17. A warm editorial illustration of a row of prompt-to-app tool cards on a desk, with one card — plain files with no usage meter — lifted out and held in a green selection frame, beside soft plants and a coffee mug Guias

    As melhores alternativas ao Lovable em 2026, organizadas pelo motivo da sua saída

    Um guia honesto das melhores alternativas ao Lovable — Bolt.new, v0, Cursor, Replit e OpenDesign — agrupadas pelo motivo real da troca: custo em escala, lock-in ou posse do código e do fluxo de trabalho.

    30 de junho de 2026 9 min de leitura Ler →
  18. A warm editorial illustration of a row of AI UI-generator cards on a desk, with one card — a UI component lifted into a code repo with no usage meter — held in a green selection frame, beside soft plants and a coffee mug Guias

    Alternativas ao v0: o mapa honesto por que você está saindo

    Um guia direto das melhores alternativas ao v0, agrupadas pelo motivo real da sua saída — preço por iteração, componentes em vez de um app, ou posse do pipeline — com o trade-off que cada opção entrega.

    30 de junho de 2026 8 min de leitura Ler →
  19. OpenDesign Osaka / Kyoto meetup cover showing Osaka and Kyoto landmarks built from code-like line art Comunidade

    O OpenDesign chega a Osaka / Kyoto

    Um pequeno meetup para designers, builders e times AI-native explorarem como os agentes mudam o design, a prototipagem e o trabalho de produto.

    29 de junho de 2026 3 min de leitura Ler →
  20. A hand-drawn pencil wireframe transforming, via an arrow, into a polished design app showing a row of tool cards to choose from, on a warm paper editorial ground Guias

    Vibe Design Tools: Um Guia Honesto sobre o Que Realmente Funciona

    Metade dos resultados para "vibe design tools" são, na verdade, vibe coding tools — e essa é a coisa mais útil que os resultados de busca vão te dizer. Aqui está o mapa honesto: a única pergunta que deveria decidir sua escolha, uma tabela de avaliação cruzando cinco categorias de ferramentas e a armadilha que quase todo listicle te vende.

    18 de junho de 2026 9 min de leitura Ler →
  21. A single sketched interface splitting into a visual design mockup and a code window, both arrows converging on one shared design-system file card, on a warm paper editorial ground Guias

    Vibe Design vs Vibe Coding: Onde Se Separam e Por Que Isso Importa

    Vibe design e vibe coding não são rivais — são duas metades de um único movimento, e a lacuna entre eles é onde as equipes sangram. Aqui está a diferença real, os dois modos de falha que ninguém te avisa (o precipício do mockup e o design drift) e um framework para saber qual usar e quando.

    18 de junho de 2026 9 min de leitura Ler →
  22. A handwritten prompt note becoming a rendered mobile app screen, then exported outward through an opening in a low garden wall, on a warm paper editorial ground Guias

    Vibe Design com o Google Stitch: o que ele acerta e onde ele te prende

    O Google cunhou o termo "vibe design" com o Stitch — e o Stitch é genuinamente bom. Aqui vai a avaliação prática honesta: o que ele acerta em cheio, o lock-in que as demos não te mostram e quando ser dono do ciclo vence a conveniência.

    18 de junho de 2026 8 min de leitura Ler →
  23. A hand-drawn pencil sketch of a planner app wishing for a calm space transforming, via an arrow, into a polished rendered planner UI, on a warm paper editorial ground Guias

    O que é vibe design? O guia de 2026 para projetar por intenção

    Descreva o clima e a direção de uma interface e deixe a IA gerá-la — mas a maioria das ferramentas para num mockup bonitinho. Veja o que vibe design realmente é, vibe design vs vibe coding e como levar do prompt ao código em produção.

    17 de junho de 2026 9 min de leitura Ler →
  24. A locked canvas window beside an open fanned stack of portable file sheets, in a green selection frame on a near-white editorial ground Guides

    A alternativa de código aberto ao Figma

    O Figma é excelente e não vai a lugar nenhum. Mas o arquivo é proprietário, os assentos são uma assinatura e o canvas vive na nuvem de outra pessoa. Aqui está a leitura honesta de quando o Figma ainda é a resposta — e quando ter um fluxo de trabalho agent-native e local-first é o que vence.

    26 de maio de 2026 7 min de leitura Ler →
  25. A wireframe layout skeleton lifting out from beneath a canvas as its own layer, in a green selection frame on a near-white editorial ground Community

    A camada de layout que o canvas costumava esconder

    Uma resposta da comunidade no preview do 0.8.0 nomeou a verdadeira pergunta por trás do design agent-native: se o canvas deixa de ser a unidade de trabalho, como os usuários ainda entendem o layout?

    18 de maio de 2026 7 min de leitura Ler →
  26. A design frame being lifted out of a canvas and packaged into a portable plugin module, in a green selection frame on a near-white editorial ground Use cases

    Como portar um fluxo do Figma para um plugin do OpenDesign

    A thread do 0.8.0-preview pede aos contribuidores que portem fluxos de design antigos, um plugin por vez. Aqui está o caminho concreto para uma exportação do Figma, sincronização de tokens ou kit de marca.

    18 de maio de 2026 8 min de leitura Ler →
  27. A workflow pipeline of connected nodes with a few break marks on the connectors, in a green selection frame on a near-white editorial ground Guides

    Teste de realidade do BYOK: 5 coisas que quebram hoje no OpenDesign

    Prometemos BYOK como cidadão de primeira classe. Cinco threads de bugs abertos desta semana — Gemini, DeepSeek, OpenCode, Windows — mostram onde as costuras ainda estão ásperas, e o que usar até cada correção chegar.

    14 de maio de 2026 9 min de leitura Ler →
  28. An organized library grid of modular skill and system cards, selected in a green frame on a near-white editorial ground Guides

    31 skills, 72 sistemas: como funciona a biblioteca do OpenDesign

    Um passeio pelas quatro primitivas que tornam o OpenDesign composável: skills, sistemas, adaptadores e o daemon. Com exemplos concretos de como um arquivo Markdown vira uma entrega perfeita até o último pixel.

    13 de maio de 2026 8 min de leitura Ler →
  29. A single key wired to a row of interchangeable model engines with a provider toggle, in a green selection frame on a near-white editorial ground Guides

    Fluxo de design BYOK: rode Claude, Codex ou Qwen com sua própria chave

    A maioria das ferramentas de design com IA adiciona discretamente uma margem a cada token que você gasta. O OpenDesign adota a postura oposta — traga a chave do seu próprio modelo, pague o provedor diretamente e mantenha controle total sobre onde a inferência roda. Veja como a camada BYOK funciona de verdade.

    13 de maio de 2026 8 min de leitura Ler →
  30. A thin layer sheet wrapping around an existing agent core, in a green selection frame on a near-white editorial ground Product

    Por que construímos o OpenDesign como uma camada de skills, e não como um produto

    A maioria das ferramentas de design com IA tenta substituir o agente que você já tem no seu laptop. O OpenDesign faz a aposta oposta: entregar uma camada fina de skills, sistemas e adaptadores que transforma qualquer coding agent em um motor de design — sem prender você a um novo aplicativo.

    13 de maio de 2026 8 min de leitura Ler →

OpenDesign Desktop

Um design system. Sua marca consistente em tudo

No Vibe Design Workspace completo, aplique as mesmas regras de marca a sites, apresentações, protótipos interativos, dashboards, imagens e vídeos HTML. Conecte Codex, Claude Code, Cursor e outros agentes de código locais e crie de graça.

  • Sites, apresentações, protótipos, dashboards, imagens e vídeo
  • Mais de 140 design systems e a biblioteca completa de templates e skills
  • Codex local e mais de 21 agentes de código · Grátis
Baixar grátis

Disponível para macOS e Windows