skills.rest
yaelbro
yaelbroCOMMUNITY
Explore all skills by this author →
GitHub

wix-cli-dashboard-page

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

Updated Apr 9, 2026
Search Tags:#typescript#react#admin panel#wix#dashboard page#wix data#wix cli
One-click install
npx skills add https://github.com/yaelbro/Shelf-Control --skill wix-cli-dashboard-page-yaelbro
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: wix-cli-dashboard-page
Source: https://github.com/yaelbro/Shelf-Control/tree/main/.agents/skills/wix-cli-dashboard-page
Command: npx skills add https://github.com/yaelbro/Shelf-Control --skill wix-cli-dashboard-page-yaelbro

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, dashboard APIs, and data access patterns, and mistakes in any step cause pages to fail silently or not appear in the dashboard. ## Core Features & Use Cases - Dashboard Page Generation: Creates complete page.tsx components using Wix Design System components wrapped in WixDesignSystemProvider, following layout guidelines for forms, tables, and empty states. - Extension Registration: Generates the required extensions.ts file with a unique UUID and updates the main src/extensions.ts so the page actually appears in the Wix dashboard. - Data & API Integration: Implements CRUD operations via the Wix Data SDK, dashboard host APIs (navigate, showToast, openModal), and embedded script parameter configuration. - Use Case: Ask for an admin panel to manage customer orders and receive a page with an orders table, status filters, a detail dashboard modal, and status update actions, fully registered and ready to run. ## Quick Start Ask the assistant to create a Wix dashboard page that manages your data collection, for example a blog posts management page with search, add, edit, 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 the main src/extensions.ts file.

Why is my Wix dashboard page not showing up in the dashboard?▼

The page will not appear if the second registration step is skipped. After creating the page-specific extensions.ts file, you must also import and register the extension in the main src/extensions.ts file of the app.

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

No, dashboard pages must not use the WDS Modal component or custom React modals. Use dashboard.openModal() with a dashboard modal extension instead, which integrates properly with the dashboard lifecycle and navigation.

How do I read and write Wix Data collection items from a dashboard page?▼

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

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 converted to strings when saving and converted back to booleans or numbers when loading.

Related Skills

Explore More Software Engineering Skills→
ESSSoWhatESSSoWhat

wix-cli-data-collection

Creates CMS data collection schemas for Wix CLI apps using TypeScript extension definitions.

Community
Intermediate
nirganonnirganon

wix-cli-extension-registration

Registers Wix CLI extensions with the app builder in src/extensions.ts.

Community
Basic
wixwix
25

wix-cli-dashboard-page

Scaffold Wix CLI dashboard pages with page.tsx, extensions.ts, and registration wiring.

Official
Advanced
openaiopenai
5.3k

share

Deploy a runnable prototype to a user-selected hosting target and return a shareable URL.

Official
Intermediate