webflow-code-component:convert-component

Community

Automate component conversion for Webflow integration

Authorkarenrebecag
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Converts React components into Webflow Code Components, simplifying integration with Webflow for interactive web designs.

Core Features & Use Cases

  • React to Webflow Conversion: Converts existing React components to Webflow-friendly code.
  • Prop Analysis & Mapping: Analyzes and maps React prop types to Webflow prop types.
  • Automatic Definition Generation: Generates the .webflow.tsx definition file for use in Webflow.

Quick Start

Run the convert-component skill with the React component file to create a Webflow-compatible code component.

Dependency Matrix

Required Modules

@webflow/webflow-cli@webflow/data-types@webflow/react

Components

scriptsreferences

💻 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-component:convert-component
Download link: https://github.com/karenrebecag/AtomWebflow_2026Site/archive/main.zip#webflow-code-component-convert-component

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.