使用 Webflow Designer API — 透過建立設計器擴充功能（Webflow Designer 內的 iframe）或為 Designer API Playground 產生程式碼片段。涵蓋元素操作、樣式、元件、頁面、變數、資產、錯誤處理、CLI 使用和 UI 設計模式。在建立、偵錯或修改 Designer 擴充功能時使用，或當使用者想要在 Playground 應用程式中執行 Designer 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 — 透過建立設計器擴充功能（Webflow Designer 內的 iframe）或為 Designer API Playground 產生程式碼片段。涵蓋元素操作、樣式、元件、頁面、變數、資產、錯誤處理、CLI 使用和 UI 設計模式。在建立、偵錯或修改 Designer 擴充功能時使用，或當使用者想要在 Playground 應用程式中執行 Designer API 程式碼時使用。 來源：224-industries/webflow-skills。
為搜尋與 AI 引用準備的穩定欄位與指令。
npx skills add https://github.com/224-industries/webflow-skills --skill webflow-designer-api使用 Webflow Designer API — 透過建立設計器擴充功能（Webflow Designer 內的 iframe）或為 Designer API Playground 產生程式碼片段。涵蓋元素操作、樣式、元件、頁面、變數、資產、錯誤處理、CLI 使用和 UI 設計模式。在建立、偵錯或修改 Designer 擴充功能時使用，或當使用者想要在 Playground 應用程式中執行 Designer 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