wix-cli-dashboard-plugin

Creates dashboard plugin widgets that extend Wix first-party business app dashboard pages.

Updated Apr 9, 2026
One-click install
npx skills add https://github.com/yaelbro/Shelf-Control --skill wix-cli-dashboard-plugin-yaelbro
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: wix-cli-dashboard-plugin
Source: https://github.com/yaelbro/Shelf-Control/tree/main/.agents/skills/wix-cli-dashboard-plugin
Command: npx skills add https://github.com/yaelbro/Shelf-Control --skill wix-cli-dashboard-plugin-yaelbro

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @wix/astro, @wix/design-system, @wix/dashboard, and includes references (resource) components.

What problem does it solve? Building widgets that embed into Wix dashboard pages requires knowing exact slot IDs, the dashboardPlugin builder API, and a mandatory two-step extension registration process. This Skill guides the creation of dashboard plugins for Wix CLI apps so the widget actually renders inside pages managed by Wix Stores, Bookings, Blog, eCommerce, Events, and Restaurants. ## Core Features & Use Cases - Plugin Scaffolding: Generates the .extension.ts builder file with a unique UUID and the React .tsx component wrapped in WixDesignSystemProvider. - Slot Reference: Provides a complete catalog of slot IDs per Wix business app, including parameters, page location, and multi-plugin ordering behavior. - Host Page Data Integration: Shows how to use observeState() from the Wix Dashboard SDK and typed props from app packages to receive host page data. - Use Case: Add a fulfillment status widget to the Wix eCommerce order page by targeting slot cb16162e-42aa-41bd-a644-dc570328c6cc and reading order data via observeState(). ## Quick Start Ask the assistant to create a Wix dashboard plugin for a specific business app page, naming the target app and the widget content you want displayed.

Frequently Asked Questions about wix-cli-dashboard-plugin

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

FAQPage Schema
How do I create a Wix dashboard plugin with the Wix CLI?

Create a folder under src/extensions/dashboard/plugins/ containing an .extension.ts file using extensions.dashboardPlugin() with a unique UUID and slot ID, plus a .tsx React component. Then register the extension in src/extensions.ts or the plugin will not appear.

What slot IDs are available for Wix dashboard plugins?

Slots exist for Wix Blog, Bookings, eCommerce, Events, Stores, and Restaurants dashboard pages, each with a unique GUID used in the extends field. Wix CRM exposes no dashboard plugin slots, only dashboard menu plugin slots.

How do I get data from the host dashboard page in my plugin?

Use dashboard.observeState() from the @wix/dashboard SDK to receive parameters passed by the host page. Some apps like Wix Blog also export typed parameter interfaces from their dashboard packages.

Why is my Wix dashboard plugin not appearing on the page?

The two common causes are missing registration in src/extensions.ts and an invalid slot ID in the extends field. Verify the extension is imported and used, and confirm the slot ID matches the slots reference.

When should I use a dashboard plugin versus a dashboard page?

Use a dashboard plugin to embed a widget into an existing slot on a Wix first-party app page. Use a standalone dashboard page when you need a full custom page, and use site widgets or site plugins for site-facing UI.