Webflow Designer API を使用するには、Designer Extensions (Webflow Designer 内の iframe) を構築するか、Designer API Playground のコード スニペットを生成します。要素の操作、スタイル、コンポーネント、ページ、変数、アセット、エラー処理、CLI の使用法、UI デザイン パターンについて説明します。デザイナー拡張機能を作成、デバッグ、または変更する場合、またはユーザーが Playground アプリでデザイナー API コードを実行する場合に使用します。
コマンドラインで webflow-designer-api AI スキルを開発環境にすばやくインストール
ソース: 224-industries/webflow-skills。
This skill helps users work with the Webflow Designer API through two workflows. Start by asking the user which workflow they'd like to use, or infer from context if it's obvious.
Designer Extensions Build full extensions with a UI that run inside the Webflow Designer as iframes. Best for reusable tools, complex workflows, and apps you want to ship to a team or the Marketplace.
Designer API Playground Write and run standalone code snippets directly in the Playground app inside the Designer. Best for quick prototyping, testing API methods, learning the API, and one-off automations.
Webflow Designer API を使用するには、Designer Extensions (Webflow Designer 内の iframe) を構築するか、Designer API Playground のコード スニペットを生成します。要素の操作、スタイル、コンポーネント、ページ、変数、アセット、エラー処理、CLI の使用法、UI デザイン パターンについて説明します。デザイナー拡張機能を作成、デバッグ、または変更する場合、またはユーザーが Playground アプリでデザイナー API コードを実行する場合に使用します。 ソース: 224-industries/webflow-skills。
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/224-industries/webflow-skills --skill webflow-designer-apiWebflow Designer API を使用するには、Designer Extensions (Webflow Designer 内の iframe) を構築するか、Designer API Playground のコード スニペットを生成します。要素の操作、スタイル、コンポーネント、ページ、変数、アセット、エラー処理、CLI の使用法、UI デザイン パターンについて説明します。デザイナー拡張機能を作成、デバッグ、または変更する場合、またはユーザーが Playground アプリでデザイナー API コードを実行する場合に使用します。 ソース: 224-industries/webflow-skills。
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/224-industries/webflow-skills --skill webflow-designer-api インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/224-industries/webflow-skills