Background & preview

Give agents context that stays with your site.

Background & preview

Give agents context that stays with your site.

Model Context Protocol, or MCP, lets an AI agent connect to Webflow and work with your site. Through that connection, an agent can inspect your pages, components, classes, variables, CMS content, and other site resources.

But your site also reflects decisions that may not be obvious from those resources alone: which components to use, how classes should be named, what your brand voice sounds like, and which accessibility or SEO requirements the agent should follow.

Without clear guidance, the agent may have to infer those decisions or be told again each time it works. Agent Instructions give that guidance a place to live.

What are Agent Instructions?

Agent Instructions are markdown-based instructions stored directly on your Webflow site. They guide supported Webflow agents and compatible third-party agents connected through MCP.

See the Webflow MCP developer documentation for current agent compatibility and setup options.

They come in two types:

  • Skills guide the agent through a particular kind of task or workflow, such as building with your design system, writing a product page, or adding content to a CMS collection.
  • Rules define standards the agent should follow whenever it works on the site, such as class naming conventions, accessibility requirements, or brand voice guidelines.
The Webflow Instructions panel shows example instructions organized into Skills and Rules.

Simply put, a skill becomes relevant when the agent is doing the kind of work it describes, while a rule should remain in effect regardless of the task.

Site instructions and agent instructions

You may already use skills, project instructions, or similar guidance in Claude, Cursor, or another agent. Those instructions are useful, but they live in a different place and serve a different purpose.

Instructions stored in your agent

Instructions created directly in an agent usually belong to your account, project, or agent setup.

They work well for:

  • Personal preferences
  • Guidance you use across many projects
  • Workflows specific to that agent
  • Instructions that do not belong to one Webflow site

Other people working on the same site may not have access to that guidance unless the skills are shared, kept up to date, and added to each person's agent setup.

Side-by-side of skills in an individual chat agent setup and a set of Webflow Agent Instructions within a site for multiple people and agents.

Instructions stored in Webflow

Webflow Agent Instructions belong to the site itself. They give supported agents working on that site a shared source of guidance for the people using them.

They can also reference actual Webflow resources, including components and variables. Instead of describing a component and relying on the agent to identify it, you can connect the instruction to the real resource on the site.

Agent-level and site-level instructions can work together. The key difference is whether the guidance belongs to your personal setup or to the Webflow site.

Who this course is for

This course is for designers and developers who already have Webflow MCP connected and want their agent to follow their site's standards and ways of working more consistently.

If you haven't connected MCP yet, complete the Get started with Webflow MCP course first.

What you'll learn

By the end of this course, you'll know how to:

  • Choose between a skill and a rule
  • Create and manage Agent Instructions in Webflow
  • Write instructions based on your site and standards
  • Confirm that your agent is using them
  • Share instructions across multiple sites
Webflow Agent Instructions are available to MCP users on any site plan.

Ready to continue?

Click Complete & continue to learn how skills and rules work, and how to choose the right type for the guidance you want to provide.

1

Intro

Coming soon

1

Background & preview
00:03:00
Background & preview
Coming soon

2

Skills and rules

Coming soon

2

Understanding skills and rules
00:03:30
Understanding skills and rules
Coming soon

2

Create & manage Agent Instructions
Create & manage Agent Instructions
Coming soon

3

Working with your agent

Coming soon

3

Agent Instructions in action
Agent Instructions in action
Coming soon

3

Write instructions that work
00:04:30
Write instructions that work
Coming soon

4

Share your instructions

Coming soon

4

Share instructions with Libraries
00:03:30
Share instructions with Libraries
Coming soon

5

Wrap-up

Coming soon

5

Activity & resources
00:04:00
Activity & resources
Coming soon

Course progress

0%

Assessment

Up next

Understanding skills and rules

Learn how each type works and when to use it.
Complete & continue
Complete course