Getting it into your agent
One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.
npx skills add S3YED/appie-kit --skill agentic-webdesign-webflow-mcpgit clone --depth 1 https://github.com/S3YED/appie-kitWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/skills/s3yed/appie-kit/agentic-webdesign-webflow-mcp)<a href="https://agentmods.dev/skills/s3yed/appie-kit/agentic-webdesign-webflow-mcp"><img src="https://agentmods.dev/badge/skills/s3yed/appie-kit/agentic-webdesign-webflow-mcp.svg" alt="Measured on agentmods" height="20"></a>What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00049 | $0.00816 |
| Opus 5 | $0.00024 | $0.00408 |
| Sonnet 5 | $0.00010 | $0.00163 |
| Haiku 4.5 | $0.00005 | $0.00082 |
Grade A, and why
agentic-webdesign-webflow-mcp scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 7d ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
How it starts
The opening of the file, as written. The whole thing — 68 lines — stays where its author put it; the contents beside it link to each section on GitHub.
Webflow MCP + AI — Agent-Driven Visual CMS
What it is
Webflow's AI platform gives coding agents structured access to Webflow sites through MCP, plus built-in AI tools for SEO, AEO (Answer Engine Optimization), and code generation. Webflow was one of the first in the industry to launch an MCP server.
Core Capabilities
MCP Server v2
- Data APIs + Designer APIs — AI agents can now both read CMS content AND manipulate the visual canvas
- Tools exposed: site structure, CMS collections/items, page design, component management
- Compatible with: Claude, Cursor, Windsurf — any MCP client
- Setup: Connect via Webflow dashboard → MCP settings
AI Assistant (Agentic)
- Conversational partner that understands your site, design system, and brand
- Orchestrates complex multi-step tasks
- Plan → Preview → Apply workflow (changes shown before committed)
- Code generation: create dashboards, booking tools, reusable code components
- Status: Rolling out to all customers. Code gen in beta.
AEO — Answer Engine Optimization
- Private beta: April 13, 2026. Enterprise GA: coming soon.
- Closed-loop system:
- Measure — Webflow Analyze shows brand citation frequency in AI answer engines (ChatGPT first, more LLMs coming)
- Recommend — AEO agents surface broken links, stale schema, missing alt text, content gaps
- Act — agents push approved changes site-wide with review-before-publish step
- Content optimization agents: Coming soon — strengthen pages, identify gaps, generate on-brand drafts
- AI credits consumed per agent run (effective June 29, 2026)
AI-Powered SEO
- Audit panel flags: missing alt text, meta titles, meta descriptions, schema markup
- Site-wide scanning with AI recommendations
- 75% more monthly organic traffic reported by adopters
Claude Connector (Feb 2026)
- Anthropic's Claude can design pages, manage CMS content, run audits
- Direct integration (not through generic MCP)
Enterprise Features
- Next-gen CMS — all customer sites migrated. Double Collection lists per page, 10× more nested items, 3-layer nesting.
- Vidoso.ai acquisition (March 12, 2026) — addresses AI-generated content that fails brand identity
- llms.txt support — LLM-friendly site descriptors
- LLM-referred traffic insights — track visitors from AI platforms
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 7d ago First seen · 68 lines · 49 tokens per session scan A 5adddb3597af
agentic-webdesign-webflow-mcp is a skill published in the GitHub repository S3YED/appie-kit (7 stars, last pushed 11d ago), licensed MIT. It adds 49 tokens to every session and 816 once invoked, about $0.0002 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-31.
Other skills, from other repositories
design-ops
Design operations and creative excellence for B2B SaaS marketing. Use this skill when building brand identity, designing landing pages, creating presentations, producing ad creative, or building infographics. Also triggers on: brand identity, landing page design, presentation, sales deck, ad creative, infographic…
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI).…
executive-dashboard
Design an executive marketing dashboard as a build-ready specification — 5-7 north-star metrics with rationale, metric hierarchy, chart choices, alert thresholds, data-source mapping, wireframe layout, drill-down structure, and a mobile variant. It designs the dashboard; it does not build or connect a live one.…
image-seo-audit
Audit every image on a page for SEO, performance, and accessibility — alt text quality, tiered file-size thresholds, WebP/AVIF format adoption, srcset/sizes responsiveness, lazy loading, fetchpriority on the LCP image, and width/height for CLS — producing an optimization list sorted by file-size savings. Triggers on…
qa-test-planner
Generate comprehensive test plans, manual test cases, regression test suites, and bug reports for QA engineers. Includes Figma MCP integration for design validation.
visualize
Render a polished visual inline in the chat as part of your answer — a diagram, a chart, an interactive explainer, or a UI mockup. Load it proactively whenever an explanation would land better as a picture than as prose. Do not wait to be asked.