Visual creation

Design Studio in Disp8ch: save design work as versioned artifacts

Design Studio turns briefs, screenshots, source imports, and templates into saved design artifacts with preview, source, validation, versions, and targeted editing.

Install Disp8chRead quickstart
Disp8ch Design Studio canvas with a generated interface artifact and editing controls
What it does

Turns the feature into usable workspace objects.

Disp8ch treats Design Studio as part of the operating loop. The result is visible, editable, and connected to the other surfaces.

  • Creates landing pages, dashboards, diagrams, posters, app screens, and HTML design drafts.
  • Imports screenshots, mockups, HTML, or starter templates, then keeps each result as an artifact.
  • Lets the assistant revise selected elements while version history preserves each applied change.
How it works

Context flows through the app instead of being trapped in chat.

The feature reads from the same workspace objects used by the rest of Disp8ch, then writes back through confirmation-gated actions when work changes state.

  • The embedded assistant shares the WebChat session and runtime context.
  • Each Apply writes one structured patch and one immutable version.
  • Artifacts can link back to projects, boards, sources, workflows, or follow-up chats.
What makes it different

Built for operators who need auditability.

The feature is designed around explicit state, reviewable outputs, and practical handoffs to the next place work should go.

  • Design output does not disappear into a chat scrollback.
  • Targeted editing uses selected element metadata, not only broad prompt guesses.
  • The design surface stays connected to the same agents, memory, documents, and workflow system as the rest of Disp8ch.
Works with

Design Studio is strongest when it connects to the rest of the workspace.

A typical job starts with a user request, pulls in sources or app state, creates a plan, asks for confirmation when something changes, and leaves a trace in the right surface.

WebChatBoardsData SourcesWorkflowsMemory
Prompt to tryDesign Studio
Generate a landing page concept for a local-first AI workspace and save it as a design.
Related features

Keep moving through the operating loop.

All features
Disp8ch WebChat showing an assistant conversation with app actions and workspace context
Plain English control

Agentic WebChat

WebChat is the command surface for the whole workspace. Ask questions, build workflows, inspect state, create tasks, run research, and hand work to agents without losing the audit trail.

Disp8ch Boards showing tasks, status lanes, and agent work items
Work tracking

Boards

Boards turn ideas, blockers, council verdicts, source findings, and workflow output into tracked work with owners, status, history, and recovery actions.

Disp8ch Data Sources library with uploaded sources and notebook actions
Source grounding

Data Sources

Data Sources imports files, local markdown folders, scraped pages, crawled docs sites, and notebooks so agents can answer with receipts and turn findings into work.

Install

Try Design Studio on your own machine.

Start local, connect only the providers and channels you want, and keep risky actions approval-gated.

Linux, macOS, or WSL
curl -fsSL https://raw.githubusercontent.com/aaronnat23/disp8ch/main/scripts/install.sh | bash -s -- --repo https://github.com/aaronnat23/disp8ch.git