webflow-designer-extension
Webflow Designer 내부에서 실행되는 Webflow Designer 확장을 빌드합니다. Designer Extensions(Webflow의 Designer API와 상호 작용하는 iframe)를 생성, 디버깅 또는 수정할 때 사용합니다. Webflow 디자인 시스템에 대한 CLI 사용법, 요소 조작, 스타일, 구성 요소, 페이지, 변수, 자산, 오류 처리 및 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 Designer 내부에서 실행되는 Webflow Designer 확장을 빌드합니다. Designer Extensions(Webflow의 Designer API와 상호 작용하는 iframe)를 생성, 디버깅 또는 수정할 때 사용합니다. Webflow 디자인 시스템에 대한 CLI 사용법, 요소 조작, 스타일, 구성 요소, 페이지, 변수, 자산, 오류 처리 및 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 Designer 내부에서 실행되는 Webflow Designer 확장을 빌드합니다. Designer Extensions(Webflow의 Designer API와 상호 작용하는 iframe)를 생성, 디버깅 또는 수정할 때 사용합니다. Webflow 디자인 시스템에 대한 CLI 사용법, 요소 조작, 스타일, 구성 요소, 페이지, 변수, 자산, 오류 처리 및 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
상세
- 카테고리
- *크리에이티브
- 출처
- user
- 최초 등록
- 2026-02-11