skills.rest
karenrebecag
karenrebecagCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

webflow-cli:designer-extension

Create, develop, and deploy Webflow Designer Extensions using the Webflow CLI.

Updated Jun 1, 2026
Search Tags:#typescript#react#cli#webflow#designer extension
One-click install
npx skills add https://github.com/karenrebecag/AtomWebflow_2026Site --skill webflow-cli-designer-extension
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: webflow-cli:designer-extension
Source: https://github.com/karenrebecag/AtomWebflow_2026Site/tree/main/.agents/skills/webflow-cli-designer-extension
Command: npx skills add https://github.com/karenrebecag/AtomWebflow_2026Site --skill webflow-cli-designer-extension

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires webflow-cli, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill automates the creation, development, and deployment of Webflow Designer Extensions, streamlining the process and saving time.

Core Features & Use Cases

  • Template Selection: Choose from default, React, or TypeScript templates to start your extension project.
  • Local Development: Serve your extension locally for development and testing.
  • Bundling for Upload: Package your extension for upload to Webflow.
  • Use Case: If you're looking to create a custom Designer Extension for Webflow, this Skill can help you through the entire process, from initialization to deployment.

Quick Start

Initialize a new Webflow Designer Extension using the default template:

webflow extension init my-extension default

Frequently Asked Questions about webflow-cli:designer-extension

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create a Webflow Designer Extension from scratch?▼

To create a Webflow Designer Extension, initialize a new project using the Webflow CLI and select a default, React, or TypeScript template to start your extension project locally.

Can I use React and TypeScript to build Webflow Designer Extensions?▼

Yes, you can use React and TypeScript to build Webflow Designer Extensions by selecting the specific React or TypeScript templates during the project initialization process.

What is the best way to bundle a Webflow Designer Extension for upload?▼

The best way to bundle a Webflow Designer Extension for upload is using the Webflow CLI to package your local development project into a deployable format.

How do I serve a Webflow Designer Extension locally for development and testing?▼

You serve a Webflow Designer Extension locally for development by utilizing the Webflow CLI to run your initialized project, allowing you to test changes before bundling.

Do I need the Webflow CLI to develop and deploy Designer Extensions?▼

Yes, you need the Webflow CLI installed because it handles the entire process of initializing, developing locally, and bundling your Designer Extension for deployment.

Related Skills

Explore More Software Engineering Skills→
MakisuoMakisuo
1.6k

clickhousectl-local-dev

Install and configure a local ClickHouse environment with clickhousectl.

Community
Intermediate
vallafedericovallafederico
25

webflow-editor-integration

Detect Webflow Designer mode and gate interactive logic for published sites.

Community
Basic
akillnessakillness
40

agentation

Mount a React toolbar that reports CSS selectors, bounding boxes, and component trees to an MCP server.

Community
Advanced
DwsyDwsy
18

pi-extensions

Scaffold Pi Agent extensions from templates for Tools, Commands, Event Handlers, and Custom UI.

Community
Advanced