accessibility-audit
Run comprehensive accessibility audit (WCAG 2.1) on Webflow pages - checks buttons, forms, links, focus states, headings,…
Create or update multiple CMS items in a Webflow collection with validation and diff preview. Use when adding multiple blog posts, products, or updating fields across many items.
$ npx -y skills add webflow/webflow-skills --skill bulk-cms-update --agent claude-codeHow it fires
How this skill gets triggered: by you, by Claude, or both.
/bulk-cms-updateContext preview
The summary Claude sees to decide when to auto-load this skill.
Create or update multiple CMS items in a Webflow collection with validation and diff preview. Use when adding multiple blog posts, products, or updating fields across many items.
name: webflow-mcp:bulk-cms-update description: Create or update multiple CMS items in a Webflow collection with validation and diff preview. Use when adding multiple blog posts, products, or updating fields across many items.
Create or update multiple CMS items with comprehensive validation, granular approval, and rollback capability.
**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. **List collections**: Use Webflow MCP's `data_cms_tool` with action `get_collection_list` to show available collections 3. **Ask user to select collection**: User specifies which collection to work with 4. **Fetch collection schema**: Use Webflow MCP's `data_cms_tool` with action `get_collection_details` to retrieve:
5. **Ask operation type**: Clarify what user wants to do:
6. **Receive data from user**: Accept data in flexible formats:
7. **Parse and normalize**: Convert user data into structured format 8. **Fetch existing items** (if updates involved): Use Webflow MCP's `data_cms_tool` with action `list_collection_items` to get current data
**IMPORTANT - Efficient Item Lookup:**
9. **Validate all data**:
10. **Detect conflicts**:
11. **Analyze impact**:
12. **Generate detailed preview**:
13. **Present granular approval options**:
14. **Offer publish options**:
15. **Store rollback data**: Before any changes, save:
16. **Process in batches**:
17. **Execute operations**: Use appropriate Webflow MCP tools based on user choice 18. **Handle errors gracefully**:
19. **Generate comprehensive report**:
20. **Offer rollback option**: Allow user to undo changes if needed
**User prompt:**
Add 2 blog posts about Webflow MCP and update the first blog to say "Top" instead of "Best"
**Step 1: Site & Collection Selection**
📋 Bulk CMS Update Setup Available Sites: 1. MCP Demo#1 2. MCP Demo#2 3. MCP Demo#3 Please select a site (1-3):
*User selects: 1*
Available Collections in MCP Demo#1:
└── Blog Posts (9 items)
Fields: name, slug, post-body, post-summary, main-image, thumbnail-image, featured, color
Proceed with Blog Posts collection? (yes/no)*User confirms: yes*
**Step 2: Data Collection**
🔍 Collection Schema: Blog Posts Required Fields: - name (PlainText, max 256 chars) - slug (PlainText, max 256 chars, alphanumeric only) Optional Fields: - post-body (RichText) - post-summary (PlainText) - main-image (I
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 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…
Create and deploy reusable React components for Webflow Designer. Configure existing React projects with webflow.json, build and…