nexu-io/open-design
Open Design
Open Design is an AI design orchestration platform and LLM agent workspace designed for generating prototypes, presentations, and motion graphics. It functions as a local-first environment that integrates various command-line AI agents and coding tools into a unified design workflow, allowing users to migrate design specifications into brand-compliant source code.
The project is distinguished by its ability to enforce visual consistency through a design system manager that defines brand contracts and tokens using Markdown. It features a specialized motion graphics generator that converts HTML, CSS, and GSAP code into MP4 videos via a headless browser rendering pipeline.
The platform covers a broad range of capabilities, including AI-driven prototyping of interactive web components, the creation of editorial slide decks, and the management of modular skills through a manifest-driven plugin system. It also provides tools for automated brand management, project-aware AI chat, and multi-stage generative pipelines for design discovery and critique.
The system is built on a local-first daemon architecture and can be deployed via Docker, Kubernetes, or as a headless API service.
Features
- AI Agent Orchestrators - Integrates multiple command-line AI coding agents and custom skills into a unified design orchestration workspace.
- Local AI Orchestration Platforms - Functions as a local-first orchestration platform for generating design prototypes, presentations, and motion graphics using AI.
- Local-First Storage - Employs a local-first architecture storing project history and assets as plain files to ensure data ownership.
- CLI Process Wrapping - Wraps arbitrary command-line tools into standardized prompts and streams their output as structured events.
- AI Agent Integrations - Integrates external command-line AI agents by defining binary paths and stream formats for interactive chat.
- AI Agent Servers - Exposes the local project as a server to allow external AI agents to read and modify design files.
- AI Agent Skills - Scans and merges global and project-specific skill definitions to extend the capabilities of AI agents.
- AI Workflow Orchestration - Routes requests through local or external interfaces to generate and preview design artifacts in isolated sandboxes.
- Context Memory Management - Organizes and edits a memory tree that AI agents consume to maintain long-term project context.
- Generative Pipelines - Provides modular sequences of processing steps to orchestrate complex AI design workflows from discovery to critique.
- Context-Aware Chat Interfaces - Provides a project-aware chat interface that injects durable context and supports agent skill mentions.
- Agentic Workspaces - Provides an integrated desktop environment combining chat, terminals, and coding tools for AI agent orchestration.
- Local File Syncing - Links projects to local directories to allow the AI agent to read and write files directly.
- Agent-to-Server Bridges - Bridges design files via a server for external agents while wrapping local CLI tools for agent use.
- Animation & Motion Graphics - Produces programmatic animations and short-form videos by rendering HTML and CSS into MP4 files.
- Cinematic Animation Sequences - Produces timed video sequences featuring zooming maps, animated elements, and dynamic counters.
- Programmatic Video Rendering - Implements a specialized pipeline that converts HTML, CSS, and GSAP code into MP4 videos via headless browser rendering.
- Programmatic Video Frameworks - Renders programmatic motion graphics and animated visuals into MP4 files using HTML, CSS, and GSAP.
- Local-First Architectures - Stores project history and assets as plain files on a local server to ensure user data ownership.
- Brand Asset Management - Defines and applies design system tokens to ensure visual consistency across AI assets and codebases.
- Brand Contract Enforcement - Enforces visual consistency by validating AI outputs against Markdown-defined brand contracts and tokens.
- Sandboxed Web Prototypes - Creates single-page HTML artifacts that render within a sandboxed iframe based on a design system.
- Design System Management - Provides a centralized environment for defining brand contracts using Markdown-based schemas for colors and typography.
- Design-to-Code Tools - Transforms design specifications and visual artifacts into functional source code based on brand guidelines.
- Design Token Management - Organizes brand styles through structured token channels and fixture catalogs for scalable theme management.
- Hot-Reloading Previews - Renders static HTML and JSX artifacts in an isolated environment with automatic hot-reloading.
- Markdown Design Systems - Defines brand identity and visual tokens using structured markdown files to constrain AI generation.
- AI Editorial Presentations - Builds interactive editorial slide decks that export to HTML, PDF, and PPTX formats.
- Design and Prototyping Tools - Generates interactive web prototypes and interfaces using AI agents governed by brand-specific design systems.
- Design System Specifications - Generates structured design specification files by analyzing brand briefs, screenshots, and URLs.
- UI Component Prototypes - Generates single-screen interactive prototypes in HTML or JSX by resolving design tokens.
- Visual Language Definitions - Distills brand contracts into structured Markdown files covering essential visual language elements.
- Headless Rendering Pipelines - Implements a deterministic MP4 rendering pipeline using headless Chrome and FFmpeg.
- Agent Skill Manifests - Extends agent capabilities by scanning directories for metadata manifests and portable skill definitions.
- Dynamic Agent Switching - Allows switching between different AI agents and automatically updates the UI to reflect specific agent capabilities.
- AI Content Generation - Populates pre-built artifacts with personalized content using AI to ensure high-quality result consistency.
- Contextual Composition - Combines system rules, design specifications, and specific workflows into a single optimized prompt for AI providers.
- Presentation Generators - Provides automated generation of structured slide decks with a magazine-style aesthetic and WebGL backgrounds.
- Automated Knowledge Extraction - Automatically parses source packets and chat logs to synthesize new memory nodes and design system updates.
- LLM Response Streaming - Displays AI agent output, including thinking processes and tool calls, in real time as they are produced.
- Skill Scaffolding Tools - Includes tools for scaffolding and validating agent skill structures and manifests.
- Design Evaluation Pipelines - Executes a multi-panelist scoring pipeline to analyze and replay AI-driven design evaluations.
- Animation Timeline Templating - Uses structured templates to define visual identity and animation timelines for short-form video.
- Export Formats - Converts design outputs into industry-standard formats including HTML, PDF, PPTX, and MP4.
- Dashboard Generators - Generates single-page artifacts with editable parameters panels that re-render data in real-time.
- Design Skill Installers - Adds specialized AI capabilities and template bundles to the workspace through an in-app library.
- Modular Skill Authoring - Enables the creation of modular AI skills using a standardized folder structure and metadata files.
- Plugin Management - Uses registry manifests to discover, list, and install official and community-developed plugins.
- Project Export Environments - Generates project export manifests and contained preview URLs for production handoff.
- AI Automation Workflows - Orchestrates repeatable design workflows into reusable AI-driven automations with scheduling capabilities.
- Compose Orchestrations - Runs the application as a containerized service using predefined Docker Compose orchestration files.
- Containerized Application Deployments - Packages the application and API into a single runtime image for simplified hosting.
- Design Asset Publishing - Publishes generated design assets directly to hosting services with support for custom domains.
- Kubernetes Orchestration - Bootstraps the application onto Kubernetes clusters using a package manager to automate installation.
- Generative Design Pipelines - Orchestrates design tasks through sequential phases of discovery planning and iterative critique.
- Unified Media Generation Interfaces - Provides a unified dispatcher to route media generation requests across various images, video, and audio providers.
- Real-time Event Streams - Pushes real-time updates to the client using server-sent events by disabling proxy buffering.
- Server-Sent Events - Pushes real-time agent thinking and tool-call updates to the client using server-sent events.
- Prompt Streaming - Sends prompt data using a streaming format that keeps the input channel open for real-time user messages.
- Agent Runtime Sandboxing - Provides a contained runtime environment with isolated project roots and scoped tool bundles for AI agents.
- Sandboxed Rendering - Renders generated HTML and JSX artifacts in isolated iframe environments to ensure security and enable hot-reloading.
- Design Standard Injection - Injects universal, brand-agnostic craft rules for typography and color to ensure professional design quality.
- Skill Manifests - Integrates custom AI skills using manifests and workflow instructions to automate specific design tasks.
- Agent Fallback Mechanisms - Implements recovery strategies that suggest alternative agents or direct API connections when a preferred AI agent fails.
- Visual Artifact Annotations - Adds in-context comment threads and attachments directly onto artifact previews for collaborative review.
- AI Regression Testing Suites - Validates AI skill outputs against expected manifests and regex patterns using automated test prompts.
- Automated UI Quality Analyzers - Automates the detection of design flaws and visual inconsistencies in generated artifacts using predefined rules.
- Brand-Aligned Image Generation - Produces high-resolution visual assets and portraits using brand-aligned prompt templates.
- Brand Specification Alignment - Analyzes git repositories against design specifications and generates pull requests to align code with brand standards.
- Prompt Context Synchronization - Synchronizes active design tokens and specifications directly into system prompts to ensure brand-matched assets.
- Multi-Device Previews - Renders a multi-frame preview to visualize designs across desktop, tablet, and phone screens.
- Remote Presentation Controls - Provides a synchronized presenter view with slide previews, timers, and speaker scripts for live presentations.
- Presentation Navigation - Implements interactive slide navigation supporting arrow keys, scroll wheels, and touch gestures.
- Real-time Visual Inspectors - Allows tuning styles and modifying elements in real-time using an inspector and manual edit mode.
- Headless Services - Runs the backend daemon as a standalone headless service to enable programmatic agent dispatch.
