feat(skills): Add webflow-designer-tools plugin with designer-tools skill#17
Merged
viratatwebflow merged 2 commits intomainfrom Apr 8, 2026
Merged
Conversation
yan-xie-webflow
force-pushed
the
feat/webflow-designer-tools-skill
branch
from
ce284d9 to
8bf1755
Compare
yan-xie-webflow
changed the title
…kill New plugin for Webflow Designer operations covering pages, elements, components, and styles. Registered in both Claude and Cursor marketplace configs. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
yan-xie-webflow
force-pushed
the
feat/webflow-designer-tools-skill
branch
from
8bf1755 to
97d46f3
Compare
Removed the limitation on the depth of new elements created with the element_builder.
viratatwebflow
approved these changes
Apr 8, 2026
| - Use Webflow MCP's `data_components_tool` with action `get_component_content` to inspect a component | ||
| - Use Webflow MCP's `data_components_tool` with action `update_component_content` to update component content | ||
| - Use Webflow MCP's `data_components_tool` with action `get_component_properties` to get component properties | ||
| - Use Webflow MCP's `data_components_tool` with action `update_component_properties` to update component properties |
Collaborator
There was a problem hiding this comment.
this data tools are only for localization
| - Use Webflow MCP's `de_component_tool` to manage component instances in the Designer | ||
| - DO NOT use any other tools or methods for Webflow operations | ||
| - All tool calls must include the required `context` parameter (15-25 words, third-person perspective) | ||
| - **Designer connection required** — user must have Webflow Designer open and connected |
Collaborator
There was a problem hiding this comment.
we can include whtml builder and component builder
| "author": { | ||
| "name": "Webflow" | ||
| }, | ||
| "source": "./plugins/webflow-designer-tools", |
Collaborator
There was a problem hiding this comment.
works wondering we can rename to webflow-design?
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
3 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
New webflow-designer-tools plugin with a designer-tools skill for building and managing page elements, components, and layouts in Webflow Designer. Registered in both Claude and Cursor marketplace configs.
For the eval-driven development methodology and full test coverage (49 tests), see #16.
MCP Tools Covered
webflow_guide_tooldata_sites_toollist_sites— site discoveryde_page_toolelement_toolget_all_elements,select_element,add_or_update_attributeelement_builderelement_snapshot_toolstyle_toolde_learn_more_about_stylesdata_components_toollist_components,get_component_content,update_component_content,get_component_properties,update_component_propertiesde_component_toolMCP Tools Not Yet Covered
The following tools have no skill coverage and will be added in a future PR:
variable_toolask_webflow_aiSkill Workflow
5-phase workflow: Discovery (guide → site → page) → Inspection (elements, components) → Planning (snapshot + confirmation) → Execution (build, style, update) → Verification (snapshot result)
Files Changed
plugins/webflow-designer-tools/.claude-plugin/plugin.json— plugin configplugins/webflow-designer-tools/skills/designer-tools/SKILL.md— skill definition.claude-plugin/marketplace.json— added plugin entry.cursor-plugin/plugin.json— added skills path.cursor-plugin/marketplace.json— updated description🤖 Generated with Claude Code