webflow-mcp:designer-tools
CommunityEffortlessly design and manage Webflow pages with precision.
Authorkarenrebecag
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill solves the problem of complex and time-consuming manual design and management of Webflow pages, providing a streamlined solution for building, inspecting, and updating elements and components.
Core Features & Use Cases
- Page Building and Management: Automate the creation and management of pages, elements, components, and styles in Webflow Designer.
- Element Inspection: Retrieve and view the structure of Webflow pages, inspect elements, and get visual previews.
- Component Interaction: List, inspect, update, and manage components across the site.
- Style and Attribute Management: Apply and update styles on elements, manage component properties, and ensure consistent design across the site.
- Use Case: For a designer or developer looking to automate the process of creating a new hero section with a custom layout and styling in a Webflow site, this Skill can streamline the workflow.
Quick Start
Use the webflow-mcp:designer-tools skill to create a new hero section with a heading and CTA button on the homepage.
Dependency Matrix
Required Modules
None requiredComponents
scriptsreferences
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: webflow-mcp:designer-tools Download link: https://github.com/karenrebecag/AtomWebflow_2026Site/archive/main.zip#webflow-mcp-designer-tools Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.