wix-cli-dashboard-page

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

Updated Mar 30, 2026
One-click install
npx skills add https://github.com/nirganon/nir-beauty --skill wix-cli-dashboard-page-nirganon
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: wix-cli-dashboard-page
Source: https://github.com/nirganon/nir-beauty/tree/main/.agents/skills/wix-cli-dashboard-page
Command: npx skills add https://github.com/nirganon/nir-beauty --skill wix-cli-dashboard-page-nirganon

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @wix/design-system, @wix/dashboard, @wix/data, @wix/app-management, @wix/astro, @wix/essentials, @wix/ecom, 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 WDS layout components like Page, Card, and Layout. - Data & API Integration: Implements CRUD operations via the Wix Data SDK, dashboard navigation, toasts, modals, and embedded script parameter configuration. - Extension Registration: Produces the required extensions.ts file with a unique UUID and correct title, routePath, and component fields. - Use Case: Ask for a dashboard page to manage blog posts and receive a complete table view with search, add/edit/delete actions, empty states, and full registration wiring. ## Quick Start Ask the assistant to create a Wix dashboard page for managing your data collection, such as a blog posts admin table with search and 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 query Wix Data collections from a dashboard page?

Import items from @wix/data and use items.query('Collection').eq(...).limit(...).find() for reads, or items.insert, update, and remove for writes. The @wix/data package must be installed first, and collection permissions must allow the operation.

Can I use the WDS Modal component in a Wix dashboard page?

No. Dashboard pages must use dashboard modals opened via dashboard.openModal() with a registered dashboard modal extension. WDS Modal components and custom React modals do not integrate with the dashboard lifecycle and are explicitly disallowed.

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

The most common cause is missing the second registration step: after creating the page-specific extensions.ts file, you must also import and register the extension in the main src/extensions.ts file. Without both steps the page will not appear.

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 with String() when saving and parse them back when loading.