wix-app

Builds and validates Wix CLI app extensions across dashboard, backend, and site surfaces.

Updated Apr 19, 2026
One-click install
npx skills add https://github.com/divinaarmuela/Content --skill wix-app-divinaarmuela
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: wix-app
Source: https://github.com/divinaarmuela/Content/tree/main/.claude/skills/wix-app
Command: npx skills add https://github.com/divinaarmuela/Content --skill wix-app-divinaarmuela

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @wix/cli, @wix/auto-patterns, @wix/patterns, @wix/design-system, @wix/data, @wix/essentials, @wix/editor, @wix/site-window, react-to-webcomponent, astro, and includes scripts (resource) and references (resource) components.

What problem does it solve? Building Wix CLI app extensions requires choosing among a dozen extension types, coordinating CLI scaffolding, data collections, permissions, and validation — a process prone to misconfiguration and failed App Market reviews. ## Core Features & Use Cases - Extension Type Decision Logic: Routes requirements to the right extension type — dashboard pages, modals, plugins, custom element widgets, Editor React components, service plugins, backend events, backend APIs, and data collections. - CLI-Driven Scaffolding: Uses wix generate --params for all supported extension types, then fills in business logic guided by per-extension reference files. - Auto-Patterns CRUD Pages: Generates declarative patterns.json dashboard pages for single-collection CRUD admin interfaces via a bundled generator script. - Validation & App Market Readiness: Runs a four-step validation workflow (install, TypeScript, build, preview) and audits apps against the App Market review checklist. - Use Case: Ask to build a dashboard page that manages fee rules stored in a data collection, with a service plugin that reads those rules at checkout — the skill scaffolds all extensions, coordinates collection IDs, and validates the build. ## Quick Start Ask the assistant to build a Wix app extension, for example: create a dashboard page to manage product recommendations stored in a data collection.

Frequently Asked Questions about wix-app

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

FAQPage Schema
How do I build a Wix CLI app extension?

Determine the extension type (dashboard page, modal, plugin, widget, backend API, event, service plugin, or data collection), then scaffold it with `wix generate --params` and fill in business logic. Backend APIs are the exception — create files manually under `src/pages/api/`.

How do I create a CRUD admin dashboard page for a Wix app?

Use auto-patterns: scaffold a dashboard page with the Wix CLI, then generate a declarative `patterns.json` plus a thin page component using the bundled generator script. Custom React pages are only for multi-collection, custom logic, or external API cases.

When should I use a service plugin versus a backend event extension in Wix?

Use a service plugin when logic must run during a business flow such as checkout, shipping, or tax calculation. Use a backend event extension when logic should run after something happens, like a contact created or order placed webhook.

Does a Wix app need to support both Stores Catalog V1 and V3?

Yes. Apps using Wix Stores APIs must check the catalog version with `getCatalogVersion()` and use `productsV3` or `products` accordingly. Single-version apps cannot list in the App Market and break on new sites.

Why does my Wix data collection need an app namespace?

The namespace scopes collection IDs to your app, preventing conflicts between apps and ensuring collections are created on install. Obtain it from the Wix Dev Center under your app's ID and keys, then use full scoped IDs like `<namespace>/<idSuffix>`.

How do I validate a Wix CLI app before release?

Run four sequential steps: install dependencies, check TypeScript with `npx tsc --noEmit`, build with `npx wix build`, and start a preview with `npx wix preview`. On failures, inspect `.wix/debug.log` for the full error trace.