accessibility-audit
Run comprehensive accessibility audit (WCAG 2.1) on Webflow pages - checks buttons, forms, links, focus states, headings,…
Publish a Webflow site with a plan-confirm-publish workflow. Shows what changed since last publish, runs pre-publish checks, and requires explicit confirmation before going live.
$ npx -y skills add webflow/webflow-skills --skill safe-publish --agent claude-codeHow it fires
How this skill gets triggered: by you, by Claude, or both.
/safe-publishContext preview
The summary Claude sees to decide when to auto-load this skill.
Publish a Webflow site with a plan-confirm-publish workflow. Shows what changed since last publish, runs pre-publish checks, and requires explicit confirmation before going live.
name: webflow-mcp:safe-publish description: Publish a Webflow site with a plan-confirm-publish workflow. Shows what changed since last publish, runs pre-publish checks, and requires explicit confirmation before going live.
Publish a Webflow site with comprehensive preview, validation, and explicit confirmation workflow.
**ALWAYS use Webflow MCP tools for all operations:**
1. **Get site**: Identify the target site. If user does not provide site ID, ask for it. 2. **Fetch site details**: Use Webflow MCP's `data_sites_tool` with action `get_site` to retrieve:
3. **Check publish status**: Determine if site has unpublished changes:
4. **List all pages**: Use Webflow MCP's `data_pages_tool` with action `list_pages` 5. **Identify modified pages**:
6. **List all collections**: Use Webflow MCP's `data_cms_tool` with action `get_collection_list` 7. **Check for draft items**:
8. **Detect issues**:
9. **Run pre-publish checks**:
10. **Generate detailed preview**:
11. **Ask for publish scope**:
12. **Require explicit confirmation**:
13. **Execute publish**:
14. **Capture publish timestamp**:
15. **Verify publish success**:
16. **Generate success report**:
17. **Handle failures gracefully**:
**User prompt:**
Publish my site
**Step 1: Site Selection**
🚀 Safe Publish - Site Selection Available Sites: 1. **MCP Demo#1** - Last published: January 9, 2026 at 20:05:38 UTC - Last updated: January 9, 2026 at 20:49:37 UTC - ⚠️ **Has unpublished changes** (updated 44 minutes after last publish) 2. **MCP Demo#2** - Last updated: January 9, 2026 at 19:32:53 UTC - Status: Not yet published Which site would you like to publish? (1-2)
**Step 2: Change Detection & Preview**
🚀 Publish Preview: MCP Demo#1
**Last published:** January 9, 2026 at 20:05:38 UTC
**Time since last publish:** ~1 hour 5 minutes
---
## Changes to Publish:
### 📄 Pages Modified: 1
└── **Home** (/)
- SEO title updated to "Home Page"
- Last modified: 21:10:52 UTC
### 📝 CMS Items: 2 draft items to publish
**Blog Posts (2 drafts):**
1. **"Why Webflow MCP Will Transform Your Workflow in 2026!"**
- Status: Draft
- Created: 20:24:44 UTC
- Last modified: 21:11:03 UTC
- Featured: Yes
- Slug: webflow-mcp-transform-workflow-2026
2. **"Webflow E-commerce: The Future of Online Shopping in 2026!"**
- Status: Draft
- Created: 20:05:24 UTC
- Last modified: 21:11:11 UTC
- Featured: Yes
- Slug: webflow-ecommerce-2026
---
**Pre-Publish Checks:**
- ✅ No broken references detected
- ✅ All required fields populated
- ⚠️ 2 draft items will become published
**Publish Targets:**
- Webflow subdomain: mcp-demo-1-e88499.webflow.io
- Custom domains: None configured
**⚠️ Type "publish" to make these changes live.****Step 3: After user types "publish"**
🔄 Publishing MCP Demo#1... Progress: ██████████████
A collection of Agent Skills for working with Webflow sites through the Webflow MCP server. Manage CMS content, audit site health, optimize assets, build in Webflow Designer, create Code Components, run Webflow CLI workflows, and safely publish changes.
Run comprehensive accessibility audit (WCAG 2.1) on Webflow pages - checks buttons, forms, links, focus states, headings,…
Analyze assets on a Webflow site for SEO optimization. Identifies assets missing alt text and assets with non-SEO-friendly names,…
Create or update multiple CMS items in a Webflow collection with validation and diff preview. Use when adding multiple blog…
Create GitHub-source Webflow Cloud apps and monitor, troubleshoot, or manage existing apps through Webflow MCP. Use when creating…
Expert guidance on Webflow CMS architecture and best practices. Use when planning collections, setting up relationships,…
Create a new CMS collection in Webflow with specified fields and relationships. Use when setting up blog posts, products, team…