skills.rest
wix
wixOFFICIAL
Explore all skills by this author →
WebsiteGitHub

wix-cli-dashboard-page

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

25|31|Updated Jan 25, 2026
Search Tags:#typescript#react#dashboard#extensions#design-system#wix-cli
One-click install
npx skills add https://github.com/wix/skills --skill wix-cli-dashboard-page
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: wix-cli-dashboard-page
Source: https://github.com/wix/skills/tree/main/wix-cli/skills/wix-cli-dashboard-page
Command: npx skills add https://github.com/wix/skills --skill wix-cli-dashboard-page

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Streamlines building Wix CLI dashboard pages by providing a complete pattern for page components, extension files, and registration wiring.

Core Features & Use Cases

  • Provides a dashboard page scaffolding workflow including page.tsx, extensions.ts, and proper extension registration.
  • Recommends how to implement Wix Design System provider wrapper, embedded scripts integration patterns, and modal usage.
  • Examples include creating a new dashboard page for product management, settings, and data administration.

Quick Start

Create a new Wix CLI dashboard page by defining page.tsx, extensions.ts, and registration extension, then wrap withProviders and deploy to your Wix app.

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 build a Wix dashboard page using the CLI?▼

To build a Wix dashboard page, you need to define a page.tsx component, create an extensions.ts file with a static UUID, and register the extension to deploy the admin interface to your Wix app.

What is the correct way to register Wix CLI dashboard extensions?▼

Registering Wix CLI dashboard extensions requires creating an extensions.ts file using a static UUID and wiring the extension registration to ensure the dashboard page integrates correctly with your Wix app.

How do I integrate the Wix Design System into a dashboard page?▼

Integrate the Wix Design System into your dashboard page by wrapping your page.tsx component with the Wix Design System provider, ensuring production-grade UI consistency for your admin interface.

Can I use modal dialogs and embedded scripts in Wix dashboard pages?▼

Yes, Wix dashboard pages support modal dialogs and embedded scripts integration patterns, allowing you to build complex data management dashboards and configuration UIs within your Wix apps.

Do I need TypeScript and React to create Wix dashboard extensions?▼

Yes, creating Wix dashboard extensions relies on TypeScript and React to scaffold page components and manage the UI rendering for your data administration and configuration interfaces.

Why are static UUIDs required in Wix dashboard extension files?▼

Static UUIDs are required in extension files to enforce production-grade practices, ensuring stable identification and correct wiring of your dashboard page components during registration and deployment.

Related Skills

Explore More Software Engineering Skills→
wixwix
25

wix-cli-app-validation

Automate dependency installation, TypeScript compilation, build, and preview for Wix CLI apps.

Official
Advanced
Yuli1003Yuli1003

wix-app

Build and manage Wix CLI app extensions with @wix/cli.

Community
Advanced
Yuli1003Yuli1003

wix-design-system

Search Wix Design System components, inspect props, and access testkits.

Community
Intermediate
wixwix
25

wix-cli-embedded-script

Automate embedded script integration into Wix CLI apps with dashboard configuration.

Official
Advanced