Agent Skills: webflow-mcp:designer-tools
Build and manage pages, elements, components, and styles in Webflow Designer. Use when adding sections, creating layouts, building elements, inspecting or updating components, viewing what's inside a component, restructuring pages, creating new pages, previewing page structure, styling elements, or managing component properties. Building, styling, and inspecting run headlessly against an explicit page ID — no Designer connection needed. Designer is required for `designer_tool` actions (reading/switching the page open on canvas, interactively selecting an element, creating page folders, opening a component's canvas view) and for `element_snapshot_tool` visual previews.
ID: webflow/webflow-skills/webflow-mcp:designer-tools
12218
Install this agent skill to your local
Skill Files
The files that make up webflow-mcp:designer-tools.
More agent skills
- c4-architecture-c4-architectureGenerate comprehensive C4 architecture documentation for an existing repository/codebase using a bottom-up analysis approach.
- react-to-taroTranspile React Web applications (v18+) into Taro 4.x code optimized for WeChat Mini Program. Use this skill when converting React components, pages, or utilities to Taro-compatible code with proper JSX element mapping, event handler transformation, navigation/routing conversion, and API shim layer.
- tanstack-integrationFind opportunities to improve web application code using TanStack libraries (Query, Table, Form, Router, etc.). Avoid man-with-hammer syndrome by applying TanStack after vanilla implementation works.
- sred-work-summaryGo back through the previous year of work and create a Notion doc that groups relevant links into projects that can then be documented as SRED projects.
- error-detectiveSearch logs and codebases for error patterns, stack traces, and
- bash-linuxBash/Linux terminal patterns. Critical commands, piping, error handling, scripting. Use when working on macOS or Linux systems.