webflow-designer-extension
✓Webflow デザイナー内で実行される Webflow デザイナー拡張機能を構築します。デザイナー拡張機能 (Webflow のデザイナー API と対話する iframe) を作成、デバッグ、または変更するときに使用します。 CLI の使用法、要素操作、スタイル、コンポーネント、ページ、変数、アセット、エラー処理、Webflow デザイン システムの UI デザイン パターンについて説明します。
SKILL.md
Build extensions that run inside Webflow's Designer as iframes, interacting with the Designer API to manipulate elements, styles, pages, and more.
Prerequisite: Register your app in Webflow first — see references/register-app.md. You'll need a Workspace with Admin permissions.
Breakpoints: "xxl" | "xl" | "large" | "main" | "medium" | "small" | "tiny"
Webflow デザイナー内で実行される Webflow デザイナー拡張機能を構築します。デザイナー拡張機能 (Webflow のデザイナー API と対話する iframe) を作成、デバッグ、または変更するときに使用します。 CLI の使用法、要素操作、スタイル、コンポーネント、ページ、変数、アセット、エラー処理、Webflow デザイン システムの UI デザイン パターンについて説明します。 ソース: 224-industries/webflow-skills。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/224-industries/webflow-skills --skill webflow-designer-extension- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 2026-02-11
- 更新日
- 2026-02-18
クイックアンサー
webflow-designer-extension とは？
Webflow デザイナー内で実行される Webflow デザイナー拡張機能を構築します。デザイナー拡張機能 (Webflow のデザイナー API と対話する iframe) を作成、デバッグ、または変更するときに使用します。 CLI の使用法、要素操作、スタイル、コンポーネント、ページ、変数、アセット、エラー処理、Webflow デザイン システムの UI デザイン パターンについて説明します。 ソース: 224-industries/webflow-skills。
webflow-designer-extension のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/224-industries/webflow-skills --skill webflow-designer-extension インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/224-industries/webflow-skills
詳細
- カテゴリ
- *クリエイティブ
- ソース
- skills.sh
- 初回登録
- 2026-02-11