webflow-cli:devlink
CommunityAutomate Webflow component export and synchronization with React/Next.js projects.
Authorkarenrebecag
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill automates the process of exporting Webflow Designer components to React/Next.js code, configuring DevLink settings, and synchronizing design updates, significantly streamlining the workflow for developers using Webflow designs in React/Next.js projects.
Core Features & Use Cases
- Component Export: Converts Webflow components into React/Next.js components.
- DevLink Configuration: Manages DevLink settings for first-time setup and updates.
- Synchronization: Syncs design updates between Webflow and your local project.
- Validation and Diffing: Validates generated code and provides diff reports.
- Integration Guidance: Offers examples and guidance on integrating the components into your project.
- Use Case: For a developer looking to build a React/Next.js application using Webflow designs, this Skill automates the complex process of converting and updating Webflow components.
Quick Start
Sync all Webflow components to your React/Next.js project by running the command: webflow devlink sync
Dependency Matrix
Required Modules
webflow-clinpm
Components
scriptsreferencesassets
💻 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-cli:devlink Download link: https://github.com/karenrebecag/AtomWebflow_2026Site/archive/main.zip#webflow-cli-devlink 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.