Hermes Canvas: building with Hermes Agent and Kimi K2.6

The speaker builds Hermes Canvas, a frontend studio inside the Hermes Agent dashboard, using Kimi K2.6 through OpenRouter. The plugin pairs a chat panel with a live iframe preview so the agent can edit project files while the user reviews the result. This demonstration runs in WSL, with a local development server, but model requests use a paid API rather than offline inference.

The build starts with a specification and dashboard documentation, then moves through planning, implementation and browser testing. The demonstrated Vite server launches on port 5173. Prompted edits hot reload in the preview, and selection mode lets the user target an element before requesting a change. A separate browser view provides more room to inspect the page.

Two bugs make the debugging useful for anyone building an AI agent workflow. Hermes initially edits the wrong directory; Git initialization and work trees address project scoping. Later, a new edit reverses an earlier one because each isolated branch starts from the original commit. The fix commits synced changes back to the main repository after each job, and the speaker checks that successive border edits persist.

An existing HTML site also accepts prompt-based changes, though the speaker says selection mode may not work for that version. The supplied metadata links the open source project.