AI product Open source

Editable Visual Design

Editable Visual Design is an open-source, coding-agent-driven toolkit for creating editable visual artifacts from prompts. A persistent coding agent interprets a brief, plans a composition, generates assets, implements the design in semantic HTML, renders and observes the result, and applies repairs. An image model supplies visual direction for composition, hierarchy, color, and spatial relationships, while the delivered artifact rebuilds typography and layout in HTML rather than shipping reference pixels. The resulting artifact contains real text, independent assets, selectable and movable layers, a visual editor, rendered PNG output, an animated layer breakdown, and a replayable creation process. Deterministic checks cover the canvas, fonts, layer contracts, rendering, and editor round trips. The repository distributes the workflow as two Codex skills, including editable-design for fixed-canvas designs and a separate html-to-pptx skill for converting compatible HTML designs into editable presentations.

View repository Mentioned in 1 video ↓

What Editable Visual Design is used for

1 use taken from transcripts — each links to the moment in the video.

  • Uses an image model for design direction, then has an agent rebuild the result as editable HTML with selectable layers. Users can move, edit, and export elements independently, while the system records a replay of its steps.

Videos mentioning Editable Visual Design

1 in the library.