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.
Star history
How this analysis was created: This summary and feature list are AI-generated from collected project material and can contain mistakes. Stars, license and language are imported from GitHub. Inclusion does not mean that we have tested or audited this project. Check the source documentation for any feature you depend on. Learn more on our About page.
