accessibility-audit
Run comprehensive accessibility audit (WCAG 2.1) on Webflow pages - checks buttons, forms, links, focus states, headings,…
Review open comment threads on a Webflow site and triage each one.
$ npx -y skills add webflow/webflow-skills --skill review-comments --agent claude-codeHow it fires
How this skill gets triggered: by you, by Claude, or both.
/review-commentsContext preview
The summary Claude sees to decide when to auto-load this skill.
Review open comment threads on a Webflow site and triage each one.
name: webflow-mcp:review-comments description: Review open comment threads on a Webflow site and triage each one.
Review open comment threads on a Webflow site and triage each one.
**Input:** `$ARGUMENTS` — a site name (e.g. "Workhaus"), site ID (e.g. `6808fd4eff835ee3af009d6f`), or either with the `-reply` flag (e.g. `Workhaus -reply`).
**Flags:**
Parse `$ARGUMENTS` at the start: strip `-reply` from the input to get the site identifier, and set `replyMode = true` if `-reply` was present, `false` otherwise.
---
1. Call `data_sites_tool > list_sites` to get all sites. Page through until all are collected. 2. For each site, call `data_comments_tool > list_comment_threads` with `isResolved: false` and `limit: 100`. Page through until all unresolved threads are collected. If the API does not support `isResolved` filtering, fetch all threads and filter client-side to `isResolved === false`. Process sites in batches of 20 (batch multiple actions in a single tool call). After each batch completes, log a progress line: `Batch {N}/{total} done (sites {start}–{end}): {summary of findings, e.g. "all 0 threads" or "SiteName has X threads, rest 0"}.` 3. For each site, compute:
4. Sort sites by `unresolvedCount` descending. Take the top 10. 5. Above the table, show a heading line: `### Checked {totalSiteCount} sites — {sitesWithUnresolved} have unresolved comments.` 6. Display a table in this format (link just the site name to `https://webflow.com/design/{siteId}`):
| Site | Unresolved Comments | Newest / Oldest |
|------|---------------------|-----------------|
| [Site Name](https://webflow.com/design/{siteId}) ({siteId}) | {N} | {newestDate} / {oldestDate} |7. After the table, tell the user: "Run `/webflow-mcp:review-comments <site name or ID>` to review a specific site." 8. Write the survey output to a file:
9. **Stop** — do not proceed to Step 2.
---
**Always make a fresh API call here — never reuse thread data from earlier in the conversation. The user may have added or resolved comments since the last run.**
Call `data_comments_tool > list_comment_threads` with `isResolved: false` and `limit: 100`. Page through results until all threads are collected.
Log: `Site: {displayName}` and `Found {N} open thread(s)`.
---
From the already-fetched thread list, build a frequency map of `elementId.element → Set<pageId>` across all threads. Any `elementId.element` that appears on **2 or more distinct pages** is almost certainly the page root/body element (a real element ID would be page-scoped; only shared structural roots repeat across pages).
No API calls needed — this is a local computation on the thread data.
---
For each thread:
Call `data_comments_tool > list_comment_replies` for this thread.
Look for replies whose `content` includes the string `— 🤖 Comment Review Agent`.
If found, note the most recent one (`lastAgentReply`). If no human reply exists with a `createdOn` after `lastAgentReply.createdOn`, **skip this thread** (increment skipped count, continue to next thread).
Use the following criteria:
**noise** — No real design or engineering value:
**stale** — Real concern, but old and likely handled:
**open** — Real, actionable concern needing attention:
**page-level** — Comment is on the page root, not a specific element:
Always compose the reply text (it appears in the report regardless
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…