🎯

wix-cli-dashboard-modal

🎯Skill

from wix-incubator/skills

VibeIndex|
What it does

Creates popup forms, confirmations, and detail view modals for Wix dashboard interfaces using Wix Design System components.

wix-cli-dashboard-modal

Installation

Install skill:
npx skills add https://github.com/wix-incubator/skills --skill wix-cli-dashboard-modal
0
Last UpdatedJan 26, 2026

Skill Details

SKILL.md

Overview

# Wix Agentic Flows

> ⚠️ EXPERIMENTAL: This project is in early development. APIs, skill definitions, and behavior may change without notice. Use at your own risk.

Agent skills for building Wix CLI applications with AI coding assistants.

Installation

Install these skills using [add-skill](https://github.com/vercel-labs/add-skill):

```bash

# Install all skills

npx add-skill wix-incubator/wix-agentic-flows

# Install globally

npx add-skill wix-incubator/wix-agentic-flows -g

```

Available Skills

| Skill | Description |

|-------|-------------|

| wix-cli-dashboard-page | Build admin interfaces, management pages, CRUD operations, and dashboard configuration UIs using Wix Design System components |

| wix-cli-site-widget | Create interactive widgets and custom elements with settings panels for the Wix Editor |

| wix-cli-site-component | Create React site components with editor manifests for visual customization in the Wix Editor |

| wix-cli-cms-collection | Define database schemas, create data collections, and set up structured data storage |

| wix-cli-backend-api | Build REST API endpoints and server-side HTTP handlers using Astro server endpoints |

| wix-cli-embedded-script | Add tracking code, advertising pixels, popups, and client-side JavaScript to sites |

| wix-cli-service-plugin | Implement custom eCommerce logic for shipping rates, fees, taxes, and checkout customization |

| wix-cli-dashboard-modal | Create popup forms, confirmations, and detail views for Wix dashboards |

| wix-cli-app-validation | Validate app readiness through TypeScript checks, builds, preview, and e2e testing |

Skill Capabilities

Dashboard Page

  • Wix Design System (WDS) components: Tables, Forms, Cards, Modals, and more
  • Wix Data SDK integration for CRUD operations
  • Dashboard APIs for navigation, toasts, and state management
  • Embedded script configuration support

Site Widget

  • React components converted to web components
  • Built-in settings panel for the Wix Editor
  • Wix Data API integration with editor environment handling
  • Font and color customization support

Site Component

  • React components with editor manifests for Wix Editor/Harmony
  • CSS properties for visual styling customization
  • Data configuration for dynamic content
  • Sub-component architecture with removal state handling
  • Responsive design with flexbox/grid

CMS Collection

  • 24+ field types including references and multi-references
  • Configurable permissions (public, member-only, admin-only)
  • Initial data seeding
  • Relationship support between collections

Backend API

  • Astro server endpoints with automatic route discovery
  • Full HTTP method support (GET, POST, PUT, DELETE, PATCH)
  • Dynamic route parameters
  • Wix Data SDK integration

Embedded Script

  • Consent-aware script types (Essential, Functional, Analytics, Advertising)
  • Configurable placement (HEAD, BODY_START, BODY_END)
  • Dynamic parameters via dashboard configuration
  • Template variable syntax for customization

Service Plugin

  • Shipping rates calculation
  • Additional fees (handling, rush delivery)
  • Cart/checkout validations
  • Tax calculation
  • Gift card integration
  • Product recommendations

Dashboard Modal

  • Popup dialogs triggered from dashboard pages
  • Data passing between parent and modal
  • Wix Design System styling
  • Configurable dimensions

App Validation

  • TypeScript compilation checks
  • Build verification
  • Preview deployment
  • E2E testing with Playwright

Supported Agents

These skills work with any agent that supports the [Agent Skills specification](https://github.com/vercel-labs/add-skill):

  • Cursor
  • Claude Code
  • Codex
  • GitHub Copilot
  • Windsurf
  • And [many more](https://github.com/vercel-labs/add-skill#available-agents)

License

MIT