React コード コンポーネントを構築、定義し、DevLink 経由で Webflow にインポートします。 Webflow コード コンポーネントの作成、declareComponent 定義の構成、プロパティ タイプの操作、Shadow DOM 内でのスタイル設定、Webpack とのバンドル、または DevLink インポートのトラブルシューティングを行うときに使用します。
コマンドラインで webflow-code-components AI スキルを開発環境にすばやくインストール
ソース: 224-industries/webflow-skills。
Build, define, and import React code components into Webflow using DevLink. Code components let you develop advanced, interactive React components in your codebase and deploy them to Webflow as shared libraries for visual composition on the canvas.
Prerequisite: Webflow Workspace on Freelancer, Core, Growth, Agency, or Enterprise plan (or a site on CMS, Business, or Enterprise). Node.js 20+ and npm 10+.
Each reference file includes YAML frontmatter with name, description, and tags for searchability. Use the search script in scripts/searchreferences.py to find relevant references.
React コード コンポーネントを構築、定義し、DevLink 経由で Webflow にインポートします。 Webflow コード コンポーネントの作成、declareComponent 定義の構成、プロパティ タイプの操作、Shadow DOM 内でのスタイル設定、Webpack とのバンドル、または DevLink インポートのトラブルシューティングを行うときに使用します。 ソース: 224-industries/webflow-skills。
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/224-industries/webflow-skills --skill webflow-code-componentsReact コード コンポーネントを構築、定義し、DevLink 経由で Webflow にインポートします。 Webflow コード コンポーネントの作成、declareComponent 定義の構成、プロパティ タイプの操作、Shadow DOM 内でのスタイル設定、Webpack とのバンドル、または DevLink インポートのトラブルシューティングを行うときに使用します。 ソース: 224-industries/webflow-skills。
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/224-industries/webflow-skills --skill webflow-code-components インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/224-industries/webflow-skills