What dependencies does this skill install?

It installs React, TypeScript, @webflow/webflow-cli, @webflow/data-types, and @webflow/react to ensure a fully functional development environment.

Does this skill handle component deployment?

No, this skill focuses strictly on the initial setup and local configuration. To deploy your components to Webflow, you should use the 'deploy-guide' skill.

What is the purpose of the webflow.json file created during setup?

The webflow.json file is a configuration file that tells the Webflow CLI your library name and provides the file patterns (globs) used to find your component source files.

Can I use this with an existing React project?

Yes, this skill is designed to either start from scratch or integrate Webflow configurations and dependencies into existing React, Next.js, or Vite projects.

Webflow Local Dev Setup

Name: Webflow Local Dev Setup
Author: webflow

bywebflow

•

设计工具

Initializes and configures new Webflow Code Component projects with React, TypeScript, and the Webflow CLI.

This skill automates the setup of a local development environment for building custom Webflow Code Components. It handles the creation of project structures, installs necessary dependencies like React and @webflow/webflow-cli, and configures critical files such as webflow.json and tsconfig.json. Whether starting from scratch or integrating into an existing React project, it ensures your environment is optimized for building, bundling, and sharing high-performance components directly to the Webflow Designer.

主要功能

0146 GitHub stars

02Automated installation of Webflow CLI and core React dependencies

03Configuration of webflow.json and TypeScript environments

04Automated project initialization and folder structuring

05Generation of starter component templates and definition files

06Build verification using local bundling checks

使用场景

01Configuring a local dev environment to use the Webflow CLI for the first time

02Adding Webflow component support to an existing React or Vite project

03Starting a brand new Webflow Code Components library from scratch

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add webflow/webflow-skills local-dev-setup

For use in Claude.ai and ChatGPT

主要功能

0146 GitHub stars

02Automated installation of Webflow CLI and core React dependencies

03Configuration of webflow.json and TypeScript environments

04Automated project initialization and folder structuring

05Generation of starter component templates and definition files

06Build verification using local bundling checks

使用场景

01Configuring a local dev environment to use the Webflow CLI for the first time

02Adding Webflow component support to an existing React or Vite project

03Starting a brand new Webflow Code Components library from scratch

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add webflow/webflow-skills local-dev-setup

For use in Claude.ai and ChatGPT