You've connected the agent, learned how MCP works, and seen how to shape a prompt. Now it's time to try a real workflow in a place where you can safely experiment.

Use this lesson as a final checklist, then run the guided activity when you're ready.

Before, during, and after an MCP session

Before you start

• Use a test site, cloned site, or non-production site while you are learning
• Create a backup before making structural changes, and consider working on a Page branch
• Know your Webflow site role and what it allows, with or without AI
• Check your design system: named classes, variables, and reusable components give the agent clearer structure to work with
• For canvas work, have your site open. If the agent needs more visual context, the MCP Bridge App can help.

When you're prompting

• Use the four-part framework: context, action, constraints, approve before acting
• Break larger workflows into smaller steps
• Ask the agent to share its plan before making changes
• Ask which classes or variables it plans to use before it touches shared styles
• Keep the task specific enough that you can review the result clearly

After a session

• Review the Site Activity Log before publishing
• Use MCP to query the Site Activity Log if you want a structured summary of what changed
• Check changes across pages and breakpoints
• Review shared classes, variables, and components before merging broader changes
• Merge branches only after reviewing the full set of changes

Your practice activity

The Webflow University: Getting Started with MCP skill gives you a guided, personalized way to try MCP on your own site. It helps you choose a task, check your connection, write a strong prompt, run the workflow, and review what changed.

You'll find the skill in the Assets & links section of the Course progress box on the right side of this course page. Download the file from there.

How to install it

The process for installing and running skills varies by agent. For supported agents and setup paths, check the MCP getting started developer docs. If you’re using Claude as your agent, you can follow the steps below.

1. Open Claude and go to Customize > Skills > Add
2. Upload the .md file you downloaded from this course
3. Open a new Claude chat and input a forward slash ( / )
4. Select wfu-mcp-getting-started to run the skill

This skill is demoed in Claude. It works with other agents that support markdown-based instructions and a Webflow MCP connection. Setup and experience varies by tool.

You can keep the skill for future MCP sessions or share it with teammates who want a guided starting point.

What you can do

• Class naming consistency check: audit your site's class structure
• SEO metadata audit: check pages for missing or incomplete metadata
• Build a new CMS collection: create fields and sample content
• Site Activity Log report: summarize recent site changes, available on Enterprise site plans
• Create a component with props: turn an existing element or section into a reusable component, available with Designer or Site Manager access
• Bring your own task: get coached through a workflow you choose

The activity takes about 15 to 30 minutes. Use a test site, clone, or non-production site.

This skill runs real MCP workflows on your site and uses AI processing from your agent plan. Use a safe site while you are learning, and check your usage before running longer workflows if your plan has limits.

Additional resources

• AI guardrails for teams — the companion course for governance and safe AI workflows
• Webflow MCP developer docs — official setup reference and tool documentation
• Webflow MCP prompt library — ready-to-use prompts for common MCP workflows
• Webflow skills library — community and Webflow-built skill files you can upload to Claude

Ready to try?

Download the guided MCP activity from Assets & links, open it in Claude or another compatible agent, and use it to run an MCP task from prompt to review.