Designer Tools
This connects Claude directly to the Webflow Designer for building and modifying pages in real time. You can create elements, update component properties, apply styles, and restructure layouts without leaving the conversation. The workflow is deliberate: it snapshots before changes, presents a plan, waits for your confirmation, then executes and shows the result. Useful when you're prototyping sections or tweaking components and want an AI pair programmer who can see and manipulate the actual Designer state. Requires an active Designer connection, and all operations route through Webflow's MCP tools with mandatory context parameters.
- skills.sh installs
- 172
- GitHub stars
- 136
- last updated
- Aug 21, 2026
Install
$ npx -y skills add webflow/webflow-skills --skill designer-tools --agent claude-codeInstalls into .claude/skills of the current project.
Files
Page Structure
Build, inspect, and manage page elements and components in the Webflow Designer.
Important Note
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/webflow/webflow-skills
- Categories
- Frontend Development, Testing & QA, DevOps & CI/CD, Design & UI/UX
- First seen
- Jun 3, 2026
More from webflow/webflow-skills
All 11Recommended
More Frontend Development
docs-componentsreactjs/react.devComprehensive MDX component patterns (Note, Pitfall, DeepDive, Recipes, etc.) for all documentation types. Authoritative source for component usage, examples, a0skills.sh installs