webflow-code-components
OfficialBuild React code components for Webflow via DevLink.
AuthorREVREBEL
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill streamlines the creation, definition, and importation of React code components into Webflow using DevLink, enabling designers and developers to incorporate advanced interactive elements seamlessly.
Core Features & Use Cases
- Component Definition: Create self-contained React components with prop controls for use in Webflow.
- Declarative Mapping: Use
declareComponentto specify component metadata, props, and decorators. - Library Sharing: Publish component libraries to Webflow workspace for site-wide use.
- Use Case: Design a custom button with configurable text and style, then instantly deploy it into your Webflow page with full interactivity and styling options.
- Troubleshooting: Guidance for debugging bundling, styling with Shadow DOM, and component updates.
Quick Start
Define a React component, declare it with declareComponent, then run npx webflow library share to publish and use it in Webflow.
Dependency Matrix
Required Modules
@webflow/react@webflow/data-types
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-code-components Download link: https://github.com/REVREBEL/Webflow-Metrics/archive/main.zip#webflow-code-components 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 471,000+ vetted skills library on demand.