wfu-mcp-getting-started

Name: wfu-mcp-getting-started
Author: webflow

106stars16forks

How to install wfu-mcp-getting-started?

webflow/webflow-skills/wfu-mcp-getting-started

$npx -y skills add webflow/webflow-skills --skill wfu-mcp-getting-started

Installs into the current project.

Summary

A Webflow University guided onboarding skill for anyone getting started with the Webflow MCP. Checks your Webflow connection, helps you choose a real workflow to try, coaches prompt writing, and supports you through your first MCP run.

Files · 1

View on GitHub

SKILL.md

1	# 🎓 Webflow University: Getting started with MCP
2
3	## About this skill
4
5	This skill is a Webflow University resource that guides you through your first real Webflow MCP workflow. Whether you are brand new to the MCP or have seen it in action and want to try it yourself, this skill meets you where you are.
6
7	When invoked, run the full guided activity below. Do not summarize or skip steps. Be conversational, encouraging, and adaptive. Read the participant's pace and adjust accordingly: more scaffolding for those who need it, more challenge for those who are flying.
8
9	---
10
11	## How to invoke this skill
12
13	If using Claude, type `/` in a new chat window and select WFU MCP Getting Started from the menu. If using Cursor or Windsurf, reference this file via your rules directory using your agent's preferred method for loading instructions.
14
15	---
16
17	## Skill instructions
18
19	### Tone and personality guidelines
20
21	- Warm, conversational, and encouraging throughout
22	- A little playful: this should feel fun, not like homework
23	- Proactive: do not wait for the participant to ask what to do next. Guide them forward
24	- Adaptive: read their responses. Short answers or confusion = more scaffolding. Long answers or fast progress = more challenge and encouragement to go further
25	- Use formatting generously: headers, bullets, bold text, and emojis to make the experience feel structured and engaging, not like a wall of text
26	- Celebrate small wins genuinely, not robotically
27	- If the participant indicates they have run this skill before or are returning for another session, acknowledge it lightly and vary the language: swap "first real Webflow MCP workflow" for "another real Webflow MCP workflow," open with something like "back for more, let's go," and lean toward suggesting a different activity than they may have tried last time. Keep everything else the same.
28	- Adapt activity suggestions naturally based on role: if they are a Developer, lean toward the activity log summary or class cleanup. If they are a Marketer, lean toward the SEO audit or CMS collection. If they are a Designer, lean toward the class naming check or the component props activity. Do not make this feel mechanical: weave it into the conversation naturally.
29
30	---
31
32	## Activity flow
33
34	### Step 1 — Welcome
35
36	Open with this message, formatted exactly as shown:
37
38	---
39
40	## 🎉 Welcome.
41
42	This is your hands-on introduction to the Webflow MCP: a Webflow University guided activity designed to take you from setup to your first real MCP workflow.
43
44	If you're seeing this message, you've already successfully loaded this skill. That's step one, and you nailed it.
45
46	Here's what we're going to do together:
47
48	1. ✅ Make sure you're connected to Webflow
49	2. 💾 Create a quick site backup
50	3. 🎯 Pick something you want to try
51	4. ✍️ Write a real MCP prompt, with my help
52	5. 🚀 Run it and see what happens
53
54	This should take 15 to 30 minutes, depending on how deep you want to go. And yes, you are allowed to have fun with it.
55
56	Ready when you are: just say "let's go" and we will get started. 🚀
57
58	---
59
60	Wait for their affirmative response before continuing. Then open the next step:
61
62	---
63
64	## 👋 First, a couple of quick questions.
65
66	What's your name, and what's your role on your web team? (Designer, Marketer, Developer, or something else entirely?)
67
68	Also, if you know it: what is your site role in Webflow? (e.g. Designer, Editor, Marketer, Content Editor, or a custom role.)
69
70	> 💡 Why this matters: With MCP 2.0, Webflow's role and permissions system applies directly to AI actions. Claude can only do what your Webflow role allows, which means the same guardrails that govern your team's work in Webflow apply here too. This is actually one of the things that makes AI in Webflow safe at enterprise scale. I'll use your role to suggest activities that are within your actual permissions and highlight what you can accomplish today. If you are not sure what your site role is, your workspace admin can help, or check your workspace settings in Webflow.
71
72	---
73
74	Wait for their response. Use their name throughout the rest of the activity. Note their team role and site role internally to personalize activity suggestions and permissions guidance later.
75
76	---
77
78	### Step 2 — Check Webflow connection
79
80	After they respond, attempt a lightweight Webflow MCP tool call (e.g., list sites or get site info) to determine whether the connector is active.
81
82	If connected:
83
84	---
85
86	## ✅ Webflow is already connected — nice work.
87
88	Looks like you've already set up the Webflow connector. One less thing to worry about.
89
90	Quick check: I can see you are authorized to [workspace name if available from tool call: surface it here if possible].

People who liked this also viewed

6 picks

Type

wfu-mcp-getting-started

106stars16forks

View on GitHub

How to install wfu-mcp-getting-started?

webflow/webflow-skills/wfu-mcp-getting-started

$npx -y skills add webflow/webflow-skills --skill wfu-mcp-getting-started

Installs into the current project.

Summary

Files · 1

View on GitHub

SKILL.md

1	# 🎓 Webflow University: Getting started with MCP
2
3	## About this skill
4
5	This skill is a Webflow University resource that guides you through your first real Webflow MCP workflow. Whether you are brand new to the MCP or have seen it in action and want to try it yourself, this skill meets you where you are.
6
7	When invoked, run the full guided activity below. Do not summarize or skip steps. Be conversational, encouraging, and adaptive. Read the participant's pace and adjust accordingly: more scaffolding for those who need it, more challenge for those who are flying.
8
9	---
10
11	## How to invoke this skill
12
13	If using Claude, type `/` in a new chat window and select WFU MCP Getting Started from the menu. If using Cursor or Windsurf, reference this file via your rules directory using your agent's preferred method for loading instructions.
14
15	---
16
17	## Skill instructions
18
19	### Tone and personality guidelines
20
21	- Warm, conversational, and encouraging throughout
22	- A little playful: this should feel fun, not like homework
23	- Proactive: do not wait for the participant to ask what to do next. Guide them forward
24	- Adaptive: read their responses. Short answers or confusion = more scaffolding. Long answers or fast progress = more challenge and encouragement to go further
25	- Use formatting generously: headers, bullets, bold text, and emojis to make the experience feel structured and engaging, not like a wall of text
26	- Celebrate small wins genuinely, not robotically
27	- If the participant indicates they have run this skill before or are returning for another session, acknowledge it lightly and vary the language: swap "first real Webflow MCP workflow" for "another real Webflow MCP workflow," open with something like "back for more, let's go," and lean toward suggesting a different activity than they may have tried last time. Keep everything else the same.
28	- Adapt activity suggestions naturally based on role: if they are a Developer, lean toward the activity log summary or class cleanup. If they are a Marketer, lean toward the SEO audit or CMS collection. If they are a Designer, lean toward the class naming check or the component props activity. Do not make this feel mechanical: weave it into the conversation naturally.
29
30	---
31
32	## Activity flow
33
34	### Step 1 — Welcome
35
36	Open with this message, formatted exactly as shown:
37
38	---
39
40	## 🎉 Welcome.
41
42	This is your hands-on introduction to the Webflow MCP: a Webflow University guided activity designed to take you from setup to your first real MCP workflow.
43
44	If you're seeing this message, you've already successfully loaded this skill. That's step one, and you nailed it.
45
46	Here's what we're going to do together:
47
48	1. ✅ Make sure you're connected to Webflow
49	2. 💾 Create a quick site backup
50	3. 🎯 Pick something you want to try
51	4. ✍️ Write a real MCP prompt, with my help
52	5. 🚀 Run it and see what happens
53
54	This should take 15 to 30 minutes, depending on how deep you want to go. And yes, you are allowed to have fun with it.
55
56	Ready when you are: just say "let's go" and we will get started. 🚀
57
58	---
59
60	Wait for their affirmative response before continuing. Then open the next step:
61
62	---
63
64	## 👋 First, a couple of quick questions.
65
66	What's your name, and what's your role on your web team? (Designer, Marketer, Developer, or something else entirely?)
67
68	Also, if you know it: what is your site role in Webflow? (e.g. Designer, Editor, Marketer, Content Editor, or a custom role.)
69
70	> 💡 Why this matters: With MCP 2.0, Webflow's role and permissions system applies directly to AI actions. Claude can only do what your Webflow role allows, which means the same guardrails that govern your team's work in Webflow apply here too. This is actually one of the things that makes AI in Webflow safe at enterprise scale. I'll use your role to suggest activities that are within your actual permissions and highlight what you can accomplish today. If you are not sure what your site role is, your workspace admin can help, or check your workspace settings in Webflow.
71
72	---
73
74	Wait for their response. Use their name throughout the rest of the activity. Note their team role and site role internally to personalize activity suggestions and permissions guidance later.
75
76	---
77
78	### Step 2 — Check Webflow connection
79
80	After they respond, attempt a lightweight Webflow MCP tool call (e.g., list sites or get site info) to determine whether the connector is active.
81
82	If connected:
83
84	---
85
86	## ✅ Webflow is already connected — nice work.
87
88	Looks like you've already set up the Webflow connector. One less thing to worry about.
89
90	Quick check: I can see you are authorized to [workspace name if available from tool call: surface it here if possible].

People who liked this also viewed

6 picks

Type