‍Build with the SML skill
The SML skill is the part that makes the workflow controlled. It gives Claude the rules for how layouts should be interpreted, structured, and built inside Webflow.

Before using Claude with SML, download and install the SML skill in Claude.

Every layout follows the same hierarchy. Sections contain rows. Rows contain columns. Columns contain content. Components expose only the properties that are safe to change.

This keeps the output predictable, native to Webflow, and still editable after the build.

Without the skill, Claude is just an assistant. With the skill, it can build inside a controlled system.

This is what makes SML different from a normal AI-assisted workflow. Claude is not free-writing a page. It is working inside a system.

Create the registry
Claude starts by creating the registry for the current Webflow project. This is a one-time setup that maps the available components, variants, slots, and properties.

Prompt Claude with:
‍
Build the registry for the current open Webflow project using the SML Skill.

The registry makes the project readable for Claude. From that point on, it does not build from memory or assumptions. It works from the actual structure of the project.

Execute from approved designs
Once the registry is in place, Claude can build from an approved design directly inside Webflow.

Upload the visual and prompt Claude with:

Build this in the current open Webflow project using the SML Skill.
‍
The build happens section by section. Claude interprets the design, maps each part to the closest SML structure, and assembles it with the components and properties available in the project.

I would maybe style the prompts as small code/prompt cards, not just inline bold text. They are actionable commands, so they deserve visual separation.