Portfolio Webflow MCP

Webflow portfolio entirely built and managed by Claude AI in real time via the MCP (Model Context Protocol). This project demonstrates how AI can drive a Webflow site end-to-end: CMS collection creation, dynamic content addition, application of 13 custom styles, SEO optimization (meta tags, Open Graph, sitemap), and automatic publishing. The architecture combines two MCP servers — MCP Webflow for accessing Webflow's Designer and Data APIs, and MCP Chrome DevTools for real-time navigation, screenshots, and DOM analysis. In a single session, the AI performed competitor SEO audits, identified target keywords (n8n, claude code, no-code, automation), created a complete "Projects" CMS collection, and published the site. The project also documents discovered Webflow API limitations.