wix-cli-dashboard-page

Generates Wix CLI dashboard page extensions with WDS components and data operations.

Updated Feb 21, 2026
One-click install
npx skills add https://github.com/ESSSoWhat/live-translate-realtime-dubbing --skill wix-cli-dashboard-page-esssowhat
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: wix-cli-dashboard-page
Source: https://github.com/ESSSoWhat/live-translate-realtime-dubbing/tree/main/wix-app/np/.agents/skills/wix-cli-dashboard-page
Command: npx skills add https://github.com/ESSSoWhat/live-translate-realtime-dubbing --skill wix-cli-dashboard-page-esssowhat

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve? Building admin interfaces for Wix apps requires coordinating page components, extension registration, Wix Data queries, and dashboard APIs, which is error-prone without a structured guide. ## Core Features & Use Cases - Dashboard Page Generation: Creates page.tsx components wrapped in WixDesignSystemProvider with proper layout, forms, tables, and empty states. - Extension Registration: Produces extensions.ts files with unique UUIDs and guides registration in the main src/extensions.ts file. - Data & API Integration: Implements Wix Data CRUD operations, dashboard navigation, toasts, modals, and embedded script parameter configuration. - Use Case: Ask for an admin panel to manage customer orders and receive a complete page with an orders table, status filters, a detail dashboard modal, and status update actions. ## Quick Start Create a dashboard page to manage blog posts with a table, search toolbar, and add/edit/delete actions.

Frequently Asked Questions about wix-cli-dashboard-page

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

FAQPage Schema
How do I create a dashboard page for a Wix CLI app?

Create a folder under src/extensions/dashboard/pages with a page.tsx component wrapped in WixDesignSystemProvider, then add an extensions.ts file calling extensions.dashboardPage() with a unique UUID, title, routePath, and component path. Finally register it in src/extensions.ts.

How do I show popups or modals in a Wix dashboard page?

Use dashboard.openModal() with a dashboard modal extension ID instead of the WDS Modal component or custom React modals. Dashboard modals integrate properly with the dashboard lifecycle, state management, and navigation.

How do I read and write Wix Data collections from a dashboard page?

Import items from @wix/data and use items.query('Collection').filter().find() for reads and items.insert, update, or remove for writes. Update calls must include the item's _id inside the data object, and collection permissions must allow the action.

Why is my dashboard page not appearing in the Wix dashboard?

The page extension must be registered in two places: a page-specific extensions.ts file with a unique static UUID, and the main src/extensions.ts file. Missing the second registration step is the most common cause.

How do I save embedded script settings from a dashboard page?

Use embeddedScripts from @wix/app-management: load values with getEmbeddedScript() and save with embedScript({ parameters }). All parameter values must be strings, so convert booleans and numbers when saving and parse them back when loading.