OD '26

Open Design for AI Agents

An open-source design harness for AI coding agents

Read the Book Explore the Harness

By Mehran Mozaffari · July 2026

An Inflection Point

In 2025, designers were talking about AI. In 2026, they are building production-ready codebases with Open Design.

The Design-Code Gap Diagram

16

Chapters covering the design-harness workflow

50

Figures, screenshots, and visual walkthroughs

About the Book

Open Design is an open-source design harness for AI coding agents. It runs locally across skills, DESIGN.md brand systems, plugins, MCP, and a sandboxed preview/export loop so agents can produce real design artifacts.

Written with AI assistance using an agentic publishing pipeline. The author directed, reviewed, and approved all content. Technical review by Claude Opus 4.6 and Gemini 3.1 Pro. Free for personal use under a personal use license.

The current edition features 16 chapters and 4 appendices, with practical guides for turning design intent into maintainable, production-ready interfaces without losing your designer sensibility.

Mehran Mozaffari

“We must close the gap between visual thinking and syntax execution. Open Design is the bridge that lets designers write code like they design.”

Mehran Mozaffari →

Author, Sydney, Australia · AI Operator & Systems Designer

What the book covers:

  • The local-first design machine and agent-native workflow
  • Installation, architecture, and your first artifact
  • The skills system and DESIGN.md brand systems
  • Web, mobile, deck, motion, and image artifacts
  • Sandboxed preview and export workflows
  • Plugins, MCP, agents, and multi-agent teams
Browse all chapters →
Design is no longer just how it looks and feels. Design is how it builds, runs, and integrates directly into production.

Part I · Foundations & Core Skills

The Local-First Design Machine

Understand the local-first design harness, install its desktop and daemon architecture, make your first artifact, and learn how the skills system turns design intent into executable work.

In this section:

  • Ch 01: The Local-First Design Machine
  • Ch 02: Install and Architecture
  • Ch 03: Your First Artifact
  • Ch 04: The Skills System
Read Part I

Part II · System & Workflow Automation

System & Automation

Build a reusable design language with DESIGN.md brand systems, then turn it into web and mobile prototypes, decks, motion, images, and exportable artifacts.

In this section:

  • Ch 05: 150 Brand Systems
  • Ch 06: Web and Mobile Prototypes
  • Ch 07: Decks, Motion, and Images
  • Ch 08: The Preview and Export Pipeline
Read Part II

Part III · Production & Tool Landscape

Production & Tools

Extend the harness with plugins and MCP, choose the right agent, and coordinate multi-agent design teams around a shared source of truth.

In this section:

  • Ch 09: The Plugin Ecosystem
  • Ch 10: The MCP Server
  • Ch 11: Choosing Your Agent
  • Ch 12: Multi-Agent Design Teams
Read Part III

Part IV · Practice & Your Pipeline

From Case Study to System

Study real adoption patterns, evaluate the stack for your organization, understand the future of local-first autonomous design, and build a pipeline that fits your own practice.

In this section:

  • Ch 13: Case Studies
  • Ch 14: Evaluating the Stack
  • Ch 15: The Future of Local-First Design
  • Ch 16: Building Your Own Design Pipeline
Read Part IV

Appendices

Reference materials

Appendix A

Open Design Command Reference

Every command, shortcut, configuration, and hidden switch

Read
A

Appendix B

Skills, Brand Systems, and Plugins Index

A practical index for the harness extension surface

Read
B

Appendix C

Troubleshooting and FAQ

Fixes for common errors, shell environment issues, and general QA

Read
C

Appendix D

A Visual Tour of the Open Design UI

Screens, surfaces, and the working environment in context

Read
D
OD '26

Open Design

An open-source design harness for AI coding agents. By Mehran Mozaffari. First edition, July 2026. Version 0.1.2.