Workflow Demo
Webflow MCP palette workflow
This section was authored as plain HTML, validated against the site palette via lint, then inserted directly via the Webflow MCP. Zero clipboard, zero JSON, zero manual cleanup.
Three Pillars
Why this workflow holds up
Each pillar replaces a manual rework step from the previous clipboard-based approach.
Palette discipline
Agent uses only existing site classes. No parallel design system, no class collisions, no manual cleanup pass.
Element semantics
Editable text in p and heading tags. No tables, no bullet lists. Clients can edit copy inline in Editor mode.
Direct MCP insertion
whtml_builder binds class names to existing styles. Visual fidelity confirmed via element_snapshot_tool.
Get started
Ready to compose with the design system?
Read agent-design-constraints.md, scaffold a section, lint it, insert via whtml_builder. The next state page will not need a manual cleanup pass.