Blog

  1. 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 Tools & Skills

    Claude PPT Skills: How to Make a Slide Deck with Your Coding Agent

    You can now hand slide-making to a coding agent. This is an honest guide to Claude PPT skills in 2026 — what they are, the open-source ones worth installing (frontend-slides, guizang, dashiAI and more), a scorecard, how to actually use one, and where an agent-native design workspace fits when a skill runs out of road.

    July 10, 2026 9 min read Read →
  2. 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 Tools & Skills

    codex-ppt-skill: Image-Forward PPT Decks with a Coding Agent

    codex-ppt-skill is an open-source skill that pairs your coding agent with GPT-Image-2 to build image-forward PowerPoint decks — every slide a designed image, not a bullet list. Here's what it is, when image-first slides are the right call, how to use it, an honest look at the trade-offs, and where an agent-native design workspace takes over.

    July 10, 2026 6 min read Read →
  3. 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 Tools & Skills

    dashiAI-ppt-skill: Editable Presentations From a Coding Agent

    Most coding-agent PPT skills hand you HTML you can only re-prompt. dashiAI-ppt-skill is the one that exports browser-editable decks — so a non-developer can still tweak the result. Here's an honest guide: what it is, its dozen themes, how to install and use it, the AGPL-3.0 catch, and where an agent-native design workspace takes over.

    July 10, 2026 6 min read Read →
  4. 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 Tools & Skills

    frontend-slides: Make Web Slides with a Coding Agent

    frontend-slides is the most-starred open-source PPT skill for coding agents — it builds slide decks as clean, modern web pages you present in the browser. Here's what it is, how to install and use it, what it's genuinely good at (and its limits), how it compares to other Claude PPT skills, and where an agent-native design workspace picks up when a single skill runs out of road.

    July 10, 2026 6 min read Read →
  5. 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 Tools & Skills

    guizang-ppt-skill: Editorial HTML Decks with a Coding Agent

    guizang-ppt-skill is the 20.8k-star coding-agent skill that turns a prompt into a genuinely designed HTML deck — editorial magazine layouts and Swiss-grid typography, not another template. Here's what it is, how to use it, the honest notes (AGPL-3.0, HTML output), how it compares to other Claude PPT skills, and where an agent-native design workspace fits.

    July 10, 2026 6 min read Read →
  6. 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 Tools & Skills

    Marp: The Markdown Presentation Tool (and How to Export to PowerPoint)

    Marp is the open-source Markdown presentation ecosystem — write slides in Markdown, then use the Marp CLI to export HTML, PDF, or PowerPoint. This guide covers Marp themes, Markdown authoring, marp-cli export to pptx (as images), how it compares to reveal.js and Slidev, and where an agent-native design workspace fits.

    July 10, 2026 7 min read Read →
  7. 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 Tools & Skills

    ppt-master: Editable PowerPoint From Any Document, Built by an Agent

    ppt-master is the 38k-star open-source project that turns any document into a real, editable PowerPoint — native shapes and animations, not slides-as-images. Here's what it is, how the agent workflow works, an honest look at where it fits among the Claude PPT skills, and where an agent-native design workspace picks up when a one-off deck isn't enough.

    July 10, 2026 6 min read Read →
  8. 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 Tools & Skills

    reveal.js: Themes, Export & How It Compares to the Alternatives

    reveal.js is the open-source HTML presentation framework with 71.9k GitHub stars — you author slides in HTML or Markdown and present in any browser. Here's an honest guide: how themes, templates and examples work, how PDF and PowerPoint export really behaves, how it compares to Slidev and Marp, and where an agent-native design workspace fits.

    July 10, 2026 7 min read Read →
  9. 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 Tools & Skills

    Slidev: Themes, Examples & How to Export to PowerPoint

    Slidev is the open-source, developer-first presentation tool with 47.6k GitHub stars — you author slides in Markdown with embedded Vue components and present in the browser. Here's an honest guide: how themes and examples work, how PDF and PowerPoint export really behaves, how it compares to Marp and reveal.js, and where an agent-native design workspace fits.

    July 10, 2026 7 min read Read →
  10. A clean editorial illustration of a design session that stays in flow — a row of wireframe workspace panels connected by one continuous unbroken thread, one panel held in a green selection frame with corner handles, on a near-white ground with a dot grid and a soft matte cursor Product

    Open Design 0.13.0: stay in flow

    Tag open-design-v0.13.0 — 116 PRs from 26 contributors in six days. Codename "Stay in Flow." Long design sessions used to break on every interruption: a run lost its place, a model picker made you guess, a Cloud balance check hid behind a retry, a finished deck needed one more export detour. 0.13.0 turns those into a calmer loop — resume the work, see what's happening, pick the right model faster, and hand off real files without leaving Open Design.

    July 2, 2026 7 min read Read →
  11. Open Design Shanghai AI Workshop cover showing Shanghai landmarks built from code-like line art Community

    Open Design AI Workshop is coming to Shanghai

    A hands-on Shanghai workshop for students, developers, designers, and AI tool builders to turn prompts and references into real AI artifacts.

    July 2, 2026 3 min read Read →
  12. 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 Guides

    Best AI Design Agents in 2026: An Honest, Tested Guide

    "AI design agent" means three different things in 2026 — a creative cloud suite, a task bot, or an agent that turns your design into shipped code. Most lists blur them together. Here's the honest map of the best AI design agents, what each category is actually for, and the one question that tells you which kind you need.

    June 30, 2026 8 min read Read →
  13. 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 Guides

    Best AI Prototyping Tools in 2026: An Honest, Tested Guide

    The best AI prototyping tools in 2026 split on one thing the listicles skip: is the prototype throwaway, or does it become the product you ship? Here's the honest map — mockup prototypes, code prototypes, planners, and agent-native pipelines — and how to pick the one that matches what you'll do next.

    June 30, 2026 9 min read Read →
  14. 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 Guides

    Best AI Design Tools in 2026: An Honest, Tested Guide

    Most "best AI design tools 2026" lists rank the prettiest demo and skip the one question that actually decides your pick: does the design survive to shipped code you own? Here's the honest map — a scorecard across six categories, the tools worth your time for UI/UX, product, and web design, and the category every other list forgets.

    June 30, 2026 10 min read Read →
  15. 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 Guides

    Best Bolt.new Alternatives in 2026: An Honest Comparison

    Looking for a Bolt.new alternative? The real question isn't which tool generates an app fastest — it's what you're left holding afterward. Here's an honest map of the best Bolt.new alternatives in 2026, grouped by what you're actually leaving Bolt for: reliability, control, infrastructure, or owning your output.

    June 30, 2026 9 min read Read →
  16. 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 Guides

    Best Design-to-Code Tools in 2026: An Honest, Tested Guide

    Design-to-code tools split into four approaches that look similar in a demo and behave nothing alike on a real project. Here's the honest map of the best design-to-code tools in 2026 — Figma exporters, AI app builders, handoff tools, and agent-native pipelines — and the one question that tells you which kind you actually need.

    June 30, 2026 9 min read Read →
  17. 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 Guides

    Best Figma Alternatives in 2026: An Honest, Tested Guide

    Most "Figma alternatives" lists pretend one tool can replace Figma. None can — not entirely. What actually helps is knowing which part of Figma you're trying to leave: the price, the canvas, the lock-in, or the gap between design and code. Here's an honest map of the best Figma alternatives in 2026, grouped by exactly that.

    June 30, 2026 9 min read Read →
  18. 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 Guides

    How to Use Claude Code for Frontend Design (2026 Guide)

    Claude Code can produce genuinely good frontend design — but only with the right setup and prompting. Here's the practical guide: install the frontend-design plugin, prompt with aesthetic direction instead of pixels, guide the design dimensions, and take it from a one-off screen to an ownable design system.

    June 30, 2026 9 min read Read →
  19. 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 Guides

    Best Lovable Alternatives in 2026: An Honest Comparison

    Lovable is the most refined prompt-to-app builder out there — so if you're hunting for a Lovable alternative, it's usually for a specific reason: credits that add up, lock-in to their stack, or wanting to own the pipeline. Here's an honest map of the best Lovable alternatives in 2026, grouped by why you're actually leaving.

    June 30, 2026 9 min read Read →
  20. 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 Guides

    Best v0 Alternatives in 2026: An Honest Comparison

    Most people searching for a v0 alternative aren't unhappy with the UI it generates — they hit the per-iteration pricing, or they want a whole app instead of components, or they want to own the pipeline. Here's an honest map of the best v0 alternatives in 2026, grouped by why you're actually leaving.

    June 30, 2026 8 min read Read →
  21. Open Design Osaka / Kyoto meetup cover showing Osaka and Kyoto landmarks built from code-like line art Community

    Open Design is coming to Osaka / Kyoto

    A small meetup for designers, builders, and AI-native teams exploring how agents change design, prototyping, and product work.

    June 29, 2026 3 min read Read →
  22. A warm editorial illustration of a website becoming a design system — a browser window, a design-system kit card with color swatch dots and type samples, and a finished document — on a cream paper ground with soft plants and a coffee mug Product

    Open Design 0.12.0: your brand is a design system

    Tag open-design-v0.12.0 — 103 PRs from 30 contributors in six days. Codename "Brand-backed Design System." Point Open Design at a live site, drop in a Figma file, or clip a page in your browser, and it lifts the real brand — colors, type, voice — into a reusable design system you can build from on every project after.

    June 26, 2026 7 min read Read →
  23. 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 Guides

    Vibe Design Tools: An Honest Guide to What Works

    Half the results for "vibe design tools" are actually vibe coding tools — and that's the most useful thing the search results will tell you. Here's the honest map: the one question that should decide your pick, a scorecard across five tool categories, and the trap almost every listicle sells you.

    June 18, 2026 9 min read Read →
  24. 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 Guides

    Vibe Design vs Vibe Coding: Where They Split and Why It Matters

    Vibe design and vibe coding aren't rivals — they're two halves of one motion, and the gap between them is where teams bleed. Here's the real difference, the two failure modes nobody warns you about (the mockup cliff and design drift), and a framework for which to reach for when.

    June 18, 2026 9 min read Read →
  25. 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 Guides

    Vibe Design with Google Stitch: What It Nails, Where It Traps You

    Google coined the term "vibe design" with Stitch — and Stitch is genuinely good. Here's the honest hands-on: what it nails, the lock-in the demos don't show you, and when owning the loop beats the convenience.

    June 18, 2026 8 min read Read →
  26. A warm editorial illustration of an open gallery of design template cards, each a small thumbnail with a play triangle, with a hand reaching to pick one, on a cream paper ground with soft plants and a coffee mug Product

    Open Design 0.11.0: the Bazaar

    Tag open-design-v0.11.0 — 137 PRs from 57 contributors in four days. Codename "the Bazaar." The plugin gallery now plays a live clip of every real output, whatever coding agent you already use just snaps in, and a newcomer's first run is a guided welcome instead of a locked gate.

    June 17, 2026 7 min read Read →
  27. 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 Guides

    What Is Vibe Design? The 2026 Guide to Designing by Intent

    Describe the feeling and direction of a UI and let AI generate it — but most tools stop at a pretty mockup. Here's what vibe design really is, vibe design vs vibe coding, and how to take it from prompt to shipped code.

    June 17, 2026 9 min read Read →
  28. A single unified design-workspace window — composer, canvas, and comment rail in one frame — held inside a green selection box on a near-white editorial ground Product

    Open Design 0.10.0: the all-in-one design workspace

    Tag open-design-v0.10.0 — 405 PRs from 68 contributors in nine days. Codename "the all-in-one Agentic design workspace." This release collapses the whole flow — concept, refinement, and handoff — into a single window, so the work stops living across a dozen tabs.

    June 11, 2026 7 min read Read →
  29. An onboarding panel with a one-click sign-in and a bundled engine, selected in a green frame on a near-white editorial ground Product

    Open Design 0.9.0: design for everyone

    Open Design 0.9.0 is the install-and-create release. No API-key scavenger hunt, no three-CLI setup — open the app, sign in once, pick a model, and start building. Plus a bigger agent bench, a real plugin library, and easier installs on Windows and Linux.

    June 2, 2026 6 min read Read →
  30. 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

    The open-source alternative to Figma

    Figma is excellent and it isn't going anywhere. But the file is proprietary, the seats are a subscription, and the canvas lives in someone else's cloud. Here's the honest read on when Figma is still the answer — and when owning an agent-native, local-first workflow wins.

    May 26, 2026 7 min read Read →
  31. A central engine hub with plugin tiles docking into it, selected in a green frame on a near-white editorial ground Product

    Open Design 0.8.0: everything is a plugin

    Open Design 0.8.0 isn't a release, it's a rebuild. A small plugin engine, a headless-by-default CLI, packaged auto-update on macOS and Windows, and 149 design systems shipped in seven days.

    May 22, 2026 7 min read Read →
  32. 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

    The layout layer the canvas used to hide

    A community reply on the 0.8.0 preview named the real question behind agent-native design: if the canvas stops being the work unit, how do users still understand layout?

    May 18, 2026 7 min read Read →
  33. 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

    How to port a Figma workflow into an Open Design plugin

    The 0.8.0-preview thread asks contributors to port old design workflows one plugin at a time. Here is the concrete path for a Figma export, token sync, or brand kit.

    May 18, 2026 8 min read Read →
  34. 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

    BYOK reality check: 5 things that break in Open Design today

    We promised BYOK as first-class. Five open bug threads from this week — Gemini, DeepSeek, OpenCode, Windows — show where the seams are still rough, and what to use until each fix lands.

    May 14, 2026 9 min read Read →
  35. 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 systems: how the Open Design library works

    A walk through the four primitives that make Open Design composable: skills, systems, adapters, and the daemon. With concrete examples of how a Markdown file becomes a pixel-perfect deliverable.

    May 13, 2026 8 min read Read →
  36. 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

    BYOK design workflow: run Claude, Codex, or Qwen on your own key

    Most AI design tools quietly add a margin to every token you spend. Open Design takes the opposite stance — bring your own model key, pay the provider directly, and keep full control of where inference runs. Here's how the BYOK layer actually works.

    May 13, 2026 8 min read Read →
  37. A thin layer sheet wrapping around an existing agent core, in a green selection frame on a near-white editorial ground Product

    Why we built Open Design as a skill layer, not a product

    Most AI design tools try to replace the agent already on your laptop. Open Design takes the opposite bet: ship a thin layer of skills, systems, and adapters that turn any coding agent into a design engine — without locking you into a new app.

    May 13, 2026 8 min read Read →