[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-openai-wix-app":3,"mdc--br89ur-key":36,"related-repo-openai-wix-app":3182,"related-org-openai-wix-app":3299},{"slug":4,"name":4,"fn":5,"description":6,"org":7,"tags":11,"stars":25,"repoUrl":26,"updatedAt":27,"license":28,"forks":29,"topics":30,"repo":31,"sourceUrl":34,"mdContent":35},"wix-app","build and review Wix app extensions","Build and review Wix CLI app extensions — dashboard pages, modals, plugins, menu plugins, custom element widgets, Editor React components, site plugins, embedded scripts, backend APIs, backend events, service plugins, data collections, and App Market readiness. Use when building ANY feature or extension for a Wix CLI app or preparing a Wix app for App Market review. Triggers on: add, build, create, implement, help me, dashboard, widget, plugin, backend, API, event, collection, embedded script, service plugin, Editor React component, checkout, shipping, tax, discount, SPI, CMS, schema, tracking, popup, admin panel, menu item, modal, validate, test, verify, register extension, App Market, app review, submission readiness.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},"openai","OpenAI","https:\u002F\u002Fpexgzepcugksgbtrxkhf.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Forg-logos\u002Fopenai.png",[12,16,19,22],{"name":13,"slug":14,"type":15},"Wix","wix","tag",{"name":17,"slug":18,"type":15},"API Development","api-development",{"name":20,"slug":21,"type":15},"UI Components","ui-components",{"name":23,"slug":24,"type":15},"Frontend","frontend",3992,"https:\u002F\u002Fgithub.com\u002Fopenai\u002Fplugins","2026-06-30T19:00:57.102",null,465,[],{"repoUrl":26,"stars":25,"forks":29,"topics":32,"description":33},[],"OpenAI Plugins","https:\u002F\u002Fgithub.com\u002Fopenai\u002Fplugins\u002Ftree\u002FHEAD\u002Fplugins\u002Fwix\u002Fskills\u002Fwix-app","---\nname: wix-app\ndescription: \"Build and review Wix CLI app extensions — dashboard pages, modals, plugins, menu plugins, custom element widgets, Editor React components, site plugins, embedded scripts, backend APIs, backend events, service plugins, data collections, and App Market readiness. Use when building ANY feature or extension for a Wix CLI app or preparing a Wix app for App Market review. Triggers on: add, build, create, implement, help me, dashboard, widget, plugin, backend, API, event, collection, embedded script, service plugin, Editor React component, checkout, shipping, tax, discount, SPI, CMS, schema, tracking, popup, admin panel, menu item, modal, validate, test, verify, register extension, App Market, app review, submission readiness.\"\ncompatibility: requires `@wix\u002Fcli` >= 1.1.192.\n---\n\n# Wix App Builder\n\nHelps build extensions for Wix CLI applications. Covers all extension types: dashboard pages, modals, plugins, menu plugins, custom element widgets, Editor React components, site plugins, embedded scripts, backend APIs, events, service plugins, and data collections.\n\n**Scaffolding is owned by the Wix CLI.** For every extension type except Backend API, files, folders, builder boilerplate, UUIDs, and `src\u002Fextensions.ts` registration are generated by `wix generate --params`. This skill provides the decision logic, API guidance, configuration semantics, and business-logic patterns that fill in the generated stubs.\n\n## ⚠️ MANDATORY WORKFLOW CHECKLIST ⚠️\n\n**Before reporting completion to the user, ALL boxes MUST be checked:**\n\n- [ ] **Step 1:** Determined extension type(s) needed\n  - [ ] Asked clarifying questions if requirements were unclear\n  - [ ] Checked for implicit Data Collection need — unless user provided a collection ID directly (see [Data Collection Inference](#data-collection-inference))\n  - [ ] Obtained app namespace if Data Collection extension is being created\n  - [ ] Determined full scoped collection IDs if Data Collection extension is being created (see [Collection ID Coordination](#collection-id-coordination))\n  - [ ] Explained recommendation with reasoning\n- [ ] **Step 2:** Read extension reference file(s) for the chosen type(s) and the project-wide [CODE_QUALITY.md](references\u002FCODE_QUALITY.md)\n- [ ] **Step 3:** Checked API references; used MCP discovery only for gaps\n- [ ] **Step 4a:** Scaffolded each CLI-supported extension via `wix generate --params`\n- [ ] **Step 4b:** Filled in business logic in the generated files\n  - [ ] Invoked `wix-design-system` skill ONLY before editing the first `.tsx`\u002F`.jsx` file that imports `@wix\u002Fdesign-system`. Skip for backend-only or data-only extensions.\n- [ ] **Step 5:** Ran validation (see [Validation](#validation))\n  - [ ] Dependencies installed\n  - [ ] TypeScript compiled\n  - [ ] Build succeeded\n  - [ ] Preview deployed\n- [ ] **Step 6:** Collected and presented ALL manual action items to user\n\n**🛑 STOP:** If any box is unchecked, do NOT proceed to the next step.\n\n---\n\n## ❌ ANTI-PATTERNS (DO NOT DO)\n\n| ❌ WRONG                                    | ✅ CORRECT                                     |\n| ------------------------------------------- | ---------------------------------------------- |\n| Hand-writing builder files, folders, UUIDs, or extension registration | Run `wix generate --params` — it owns scaffolding |\n| Implementing without reading the extension reference | Always read the relevant reference file first |\n| Using MCP discovery without checking refs   | Check reference files first                    |\n| Reporting done without validation           | Always run validation at the end               |\n| Letting manual action items get buried      | Aggregate all manual steps at the very end     |\n\n---\n\n## Quick Decision Helper\n\n1. **What are you trying to build?**\n   - Admin interface → Dashboard Extensions\n   - Backend logic → Backend Extensions\n   - Data storage \u002F CMS collections → Data Collection\n   - Editor React component → Site Extensions (app projects only)\n\n2. **Who will see it?**\n   - Admin users only → Dashboard Extensions\n   - Site visitors → Site Extensions\n   - Server-side only → Backend Extensions\n\n3. **Where will it appear?**\n   - Dashboard sidebar\u002Fpage → Dashboard Page or Modal\n   - Existing Wix app dashboard (widget) → Dashboard Plugin\n   - Existing Wix app dashboard (menu item) → Dashboard Menu Plugin\n   - Anywhere on site → custom element widget\n   - Anywhere on site (with editor manifest) → Editor React component\n   - Wix business solution page → Site Plugin\n   - During business flow → Service Plugin\n   - After event occurs → Backend Event Extension\n\n## Decision Flow (Not sure?)\n\n- **Admin:** Need full-page UI? → Dashboard Page. Need popup\u002Fform? → Dashboard Modal. Extending Wix app dashboard with a visual widget? → Dashboard Plugin. Adding a menu item to a Wix app dashboard's more-actions or bulk-actions menu? → Dashboard Menu Plugin. **Modal constraint:** Dashboard Pages cannot use `\u003CModal \u002F>`; use a separate Dashboard Modal extension and `dashboard.openModal()`.\n- **Backend:** During business flow (checkout\u002Fshipping\u002Ftax)? → Service Plugin. After event (webhooks\u002Fsync)? → Backend Event Extension. Custom HTTP endpoints? → Backend API. Need CMS collections for app data? → Data Collection.\n- **Site:** User places anywhere (standalone)? → custom element widget. Editor React component with editor manifest (styling, content, elements)? → Editor React component. Fixed slot on Wix app page? → Site Plugin. Scripts\u002Fanalytics only? → Embedded Script.\n\n---\n\n## Extension Types Reference Table\n\n| Extension Type | Category | `extensionType` (for `wix generate --params`) | Reference File |\n| --- | --- | --- | --- |\n| Dashboard Page | Dashboard | `DASHBOARD_PAGE` | [DASHBOARD_PAGE.md](references\u002FDASHBOARD_PAGE.md) |\n| Dashboard Modal | Dashboard | `DASHBOARD_MODAL` | [DASHBOARD_MODAL.md](references\u002FDASHBOARD_MODAL.md) |\n| Dashboard Plugin | Dashboard | `DASHBOARD_PLUGIN` | [DASHBOARD_PLUGIN.md](references\u002FDASHBOARD_PLUGIN.md) |\n| Dashboard Menu Plugin | Dashboard | `DASHBOARD_MENU_PLUGIN` | [DASHBOARD_MENU_PLUGIN.md](references\u002FDASHBOARD_MENU_PLUGIN.md) |\n| Service Plugin | Backend | `SERVICE_PLUGIN` | [SERVICE_PLUGIN.md](references\u002FSERVICE_PLUGIN.md) |\n| Backend Event Extension | Backend | `EVENT` | [BACKEND_EVENT.md](references\u002FBACKEND_EVENT.md) |\n| Backend API | Backend | — (manual, see banner below) | [BACKEND_API.md](references\u002FBACKEND_API.md) |\n| Data Collection | Backend | `DATA_COLLECTION` | [DATA_COLLECTION.md](references\u002FDATA_COLLECTION.md) |\n| Editor React component | Site | `EDITOR_REACT_COMPONENT` | [EDITOR_REACT_COMPONENT.md](references\u002FEDITOR_REACT_COMPONENT.md) |\n| Custom element widget | Site | `CUSTOM_ELEMENT` | [CUSTOM_ELEMENT_WIDGET.md](references\u002FCUSTOM_ELEMENT_WIDGET.md) |\n| Site Plugin | Site | `SITE_PLUGIN` | [SITE_PLUGIN.md](references\u002FSITE_PLUGIN.md) |\n| Embedded Script | Site | `EMBEDDED_SCRIPT` | [EMBEDDED_SCRIPT.md](references\u002FEMBEDDED_SCRIPT.md) |\n\n**Key constraints:**\n- Dashboard Page cannot use `\u003CModal \u002F>`; use a separate Dashboard Modal and `dashboard.openModal()`.\n\n> **⚠️ Backend API is the only extension type the CLI does NOT scaffold.** `wix generate` has no `BACKEND_API` handler. Create files directly per [BACKEND_API.md](references\u002FBACKEND_API.md).\n\n## Extension Comparison\n\n| Custom element widget vs Editor React component vs Site Plugin | Dashboard Page vs Modal | Service Plugin vs Event |\n| -------------------------------------------------------------- | ----------------------- | ----------------------- |\n| Custom element widget: standalone interactive component. Editor React component: React with editor manifest (CSS\u002Fdata\u002Felements). Plugin: fixed slot in Wix app page. | Page: full page. Modal: overlay; use for popups. | Service: during flow. Event: after event. |\n\n---\n\n## Cross-Cutting References\n\n| Topic | Reference |\n| --- | --- |\n| Code Quality Requirements (applies to all generated code) | [CODE_QUALITY.md](references\u002FCODE_QUALITY.md) |\n| Extension Registration | [EXTENSION_REGISTRATION.md](references\u002FEXTENSION_REGISTRATION.md) |\n| App Validation | [APP_VALIDATION.md](references\u002FAPP_VALIDATION.md) |\n| App Market Review | [APP_MARKET_REVIEW.md](references\u002FAPP_MARKET_REVIEW.md) |\n| App Identifiers (Namespace, Code ID) | [APP_IDENTIFIERS.md](references\u002FAPP_IDENTIFIERS.md) |\n| Wix Stores Versioning (V1\u002FV3) | [STORES_VERSIONING.md](references\u002FSTORES_VERSIONING.md) |\n| Official Documentation Links | [DOCUMENTATION.md](references\u002FDOCUMENTATION.md) |\n\n---\n\n## Data Collection Inference\n\n**CRITICAL:** Data collections are often needed implicitly — don't wait for the user to explicitly say \"create a CMS collection.\" Infer the need automatically.\n\n**Skip this section if the user provides a collection ID directly** (e.g., an existing site-level collection). In that case, use the provided ID as-is — no Data Collection extension or namespace scoping needed.\n\n**Always include a Data Collection extension when ANY of these are true:**\n\n| Indicator | Example |\n| --- | --- |\n| User mentions saving\u002Fstoring\u002Fpersisting app-specific data | \"save the fee amount\", \"store product recommendations\" |\n| A dashboard page will **manage** (CRUD) domain entities | \"dashboard to manage fees\", \"admin page to edit rules\" |\n| A service plugin reads app-configured data at runtime | \"fetch fee rules at checkout\", \"look up shipping rates\" |\n| User mentions \"dedicated database\u002Fcollection\" | \"save in a dedicated database collection\" |\n| Multiple extensions reference the same custom data | Dashboard manages fees + service plugin reads fees |\n\n**Why this matters:** Without the Data Collection extension, the collection won't be created when the app is installed, the Wix Data APIs may not work (code editor not enabled), and collection IDs won't be properly scoped to the app namespace.\n\n**If data collection is inferred, follow the [App Namespace Requirement](#app-namespace-requirement) to obtain the namespace before proceeding.**\n\n### App Namespace Requirement\n\nWhen creating a Data Collection, you MUST ask the user for their app namespace from Wix Dev Center. This is a required parameter that must be obtained from the user's Dev Center dashboard and cannot be recommended or guessed.\n\nIf the user hasn't provided their app namespace, read [APP_IDENTIFIERS.md](references\u002FAPP_IDENTIFIERS.md) and give the user the instructions to obtain it.\n\n### Collection ID Coordination\n\n**Applies ONLY when a Data Collection extension is being created.** If the user provides a collection ID directly, use it as-is — no namespace scoping, no Data Collection extension needed.\n\nWhen a Data Collection is created alongside other extensions that reference the same collections:\n\n1. **Get the app namespace** (see App Namespace Requirement above)\n2. **Determine the `idSuffix`** for each collection (the Data Collection reference documents the full ID format)\n3. **Use the full scoped collection ID** (`\u003Capp-namespace>\u002F\u003CidSuffix>`) in all extensions that reference the collection via Wix Data API calls\n\n---\n\n## Wix Stores Versioning Requirement\n\n**Applies when ANY Wix Stores API is used** (products, inventory, orders, etc.):\n\n1. **Read the Stores Versioning reference** — see [STORES_VERSIONING.md](references\u002FSTORES_VERSIONING.md). It contains the module map, permissions cheatsheet, copy-paste dual-catalog recipes (list\u002Fget\u002Fcreate\u002Fupdate\u002Fdelete products, inventory, categories), the V1→V3 field map, webhook mapping, and the major V3 gotchas. **Use it before searching SDK docs** — it covers the common 80%.\n2. **All Stores operations must check catalog version first** using `getCatalogVersion()`\n3. **Use the correct module** based on version: `productsV3` (V3) vs `products` (V1)\n4. **Apps MUST support both V1 and V3** — single-version apps cannot list in the App Market and break on new sites\n5. **Request both V1 and V3 permission scopes** for every Stores operation\n\nThis is non-negotiable — V1 and V3 are NOT backwards compatible.\n\n---\n\n## App Market Review\n\n**Applies when a user wants to submit their app to the Wix App Market, list it publicly, prepare for App Market review, audit decline risk, or fix App Market review feedback.** Not needed for private apps or routine version releases.\n\nRead [APP_MARKET_REVIEW.md](references\u002FAPP_MARKET_REVIEW.md) — it contains the full technical checklist, implementation notes with Wix doc links, and the review taxonomy IDs for traceability.\n\n---\n\n## Implementation Workflow\n\n### Step 1: Ask Clarifying Questions (if needed)\n\nOnly ask for configuration values when **absolutely necessary** for the implementation to proceed. If a value can be configured later or added as a manual step, don't block on it.\n\nIf unclear on approach (placement, visibility, configuration, integration), ask clarifying questions. If the answer could change the extension type, wait for the response before proceeding. Otherwise, proceed with the best-fit extension type.\n\n### Step 2: Make Your Recommendation\n\nUse the Extension Types Reference Table and decision content above. State extension type and brief reasoning (placement, functionality, integration).\n\n### Step 3: Read Extension Reference, Check API References, Then Discover (if needed)\n\n**Workflow: Read extension reference → Check API references → Use MCP only for gaps.**\n\n1. **Read the extension reference file** for the chosen extension type from the table above\n2. **Identify required APIs** from user requirements\n3. **Check relevant API reference files:**\n   - Backend events → `references\u002Fbackend-event\u002FCOMMON-EVENTS.md`\n   - Wix Data → `references\u002Fdata-collection\u002FWIX_DATA.md`\n   - Dashboard SDK → `references\u002Fdashboard-page\u002FDASHBOARD_API.md`\n   - Service Plugin SPIs → read `references\u002FSERVICE_PLUGIN.md` together with the matching `references\u002Fservice-plugin\u002F\u003CNAME>.md` leaf\n4. **Verify the specific method\u002Fevent exists** in references\n5. **ONLY use MCP discovery if NOT found** in reference files\n\n**Platform APIs (never discover - in references):**\n- Wix Data, Dashboard SDK, Event SDK (common events), Service Plugin SPIs\n\n**Vertical APIs (discover if needed):**\n- Wix Stores (**⚠️ MUST use Stores Versioning reference** — V1\u002FV3 catalog check required), Wix Bookings, Wix Members, Wix Pricing Plans, third-party integrations\n\n**Decision table:**\n\n| User Requirement                     | Check References \u002F Discovery Needed? | Reason \u002F Reference File                             |\n| ------------------------------------ | ------------------------------------ | --------------------------------------------------- |\n| \"Display store products\"             | ✅ YES (MCP discovery)               | Wix Stores API — **include Stores Versioning reference** |\n| \"Show booking calendar\"              | ✅ YES (MCP discovery)               | Wix Bookings API not in reference files             |\n| \"Send emails to users\"               | ✅ YES (MCP discovery)               | Wix Triggered Emails not in reference files         |\n| \"Get member info\"                    | ✅ YES (MCP discovery)               | Wix Members API not in reference files              |\n| \"Listen for cart events\"             | Check `COMMON-EVENTS.md`             | MCP discovery only if event missing in reference    |\n| \"Store data in collection\"           | WIX_DATA.md ✅ Found                 | ❌ Skip discovery (covered by reference)             |\n| \"Create CMS collections for my app\"  | Data Collection reference            | ❌ Skip discovery (covered by dedicated reference)   |\n| \"Show dashboard toast\"               | DASHBOARD_API.md ✅ Found            | ❌ Skip discovery                                   |\n| \"Show toast \u002F navigate\"              | DASHBOARD_API.md ✅ Found            | ❌ Skip discovery                                   |\n| \"UI only (forms, inputs)\"            | N\u002FA (no external API)                | ❌ Skip discovery                                   |\n| \"Settings page with form inputs\"     | N\u002FA (UI only, no external API)       | ❌ Skip discovery                                   |\n| \"Dashboard page with local state\"    | N\u002FA (no external API)                | ❌ Skip discovery                                   |\n\n**MCP Tools for discovery (when needed):**\n\n- `SearchWixSDKDocumentation` - SDK methods and APIs (**Always use maxResults: 5**)\n- `ReadFullDocsMethodSchema` - Full type schema for a specific SDK method (parameters, return type, permissions)\n- `ReadFullDocsArticle` - Prose guides and conceptual articles only (not for SDK method signatures)\n\n### Step 4a: Scaffold via the CLI\n\nFor each extension **except Backend API**, run `npx wix generate --params '\u003Cjson>'`. The command returns `{\"success\":true,\"extensionType\":\"...\",\"newFiles\":[...]}` on success.\n\nIf the command fails because of unknown or invalid params, run `npx wix schema generate --type \u003CextensionType>` to print the JSON Schema for that extension type, fix the `--params` payload, and retry. Do not fall back to manual scaffolding.\n\n**What the CLI does automatically:**\n- Creates folders and stub files\n- Generates a fresh UUID for the extension `id`\n- Updates `src\u002Fextensions.ts` with the import and `.use()` call\n- Enforces naming rules (kebab-case, hyphen-required custom elements, etc.)\n\n**Backend API exception:** Create `src\u002Fpages\u002Fapi\u002F*.ts` files manually per [BACKEND_API.md](references\u002FBACKEND_API.md).\n\n### Step 4b: Fill in business logic\n\nOpen every path returned in `newFiles` and replace stubbed handler bodies \u002F UI \u002F queries with the user's actual logic, guided by the extension reference file's API and configuration sections.\n\n- ⚠️ MANDATORY when using WDS: Invoke the `wix-design-system` skill **before editing your first `.tsx`\u002F`.jsx` file that imports `@wix\u002Fdesign-system`**. Do NOT invoke it preemptively for backend-only or data-only jobs — it adds large content to context that you won't use.\n- ⚠️ MANDATORY when using Data Collections: Use the EXACT collection ID from `idSuffix` (case-sensitive). If `idSuffix` is `\"product-recommendations\"`, use `\u003Capp-namespace>\u002Fproduct-recommendations` NOT `productRecommendations`.\n\n### Step 5: Run Validation\n\nAfter all implementation is complete, you MUST run validation. See [APP_VALIDATION.md](references\u002FAPP_VALIDATION.md) for the complete validation workflow:\n\n1. Package installation (detect package manager, run install)\n2. TypeScript compilation check (`npx tsc --noEmit`)\n3. Build validation (`npx wix build`)\n4. Preview deployment (`npx wix preview`)\n\n**Do NOT report completion to the user until validation passes.**\n\nIf validation fails, fix the errors and re-validate until it passes.\n\n### Step 6: Report Completion\n\nOnly after validation passes, provide a **concise summary section** at the top of your response:\n\n```markdown\n## ✅ Implementation Complete\n\n[1-2 sentence description of what was built]\n\n**Extensions Created:**\n- [Extension 1 Name] - [Brief purpose]\n- [Extension 2 Name] - [Brief purpose]\n\n**Build Status:**\n- ✅ Dependencies: [Installed \u002F status message]\n- ✅ TypeScript: [No compilation errors \u002F status]\n- ✅ Build: [Completed successfully \u002F status]\n- ✅\u002F⚠️ Preview: [Running at URL \u002F Failed - reason]\n\n**⚠️ IMPORTANT: [X] manual step(s) required to complete setup** (see \"Manual Steps Required\" section below)\n```\n\n- If there are NO manual steps, state: \"✅ No manual steps required — you're ready to go!\"\n\n### Step 7: Surface Manual Action Items\n\nPresent any manual steps the user must perform (e.g., configuring settings in the Wix dashboard, enabling permissions, setting up external services).\n\n**Format:**\n\n```markdown\n## 🔧 Manual Steps Required\n\nThe following actions need to be done manually by you:\n\n### 1. [Action Category\u002FTitle]\n[Detailed description with specific instructions]\n\n### 2. [Action Category\u002FTitle]\n[Detailed description]\n```\n\n---\n\n## Extension Registration\n\n`wix generate --params` updates `src\u002Fextensions.ts` automatically for every CLI-supported extension type. The only case that still requires manual editing is Backend API. For background, troubleshooting, and the manual recovery pattern when `src\u002Fextensions.ts` drifts, see [EXTENSION_REGISTRATION.md](references\u002FEXTENSION_REGISTRATION.md).\n\n---\n\n## Validation\n\nExecute these steps sequentially after all implementation is complete. See [APP_VALIDATION.md](references\u002FAPP_VALIDATION.md) for the complete guide.\n\n1. **Package Installation** — Detect package manager, run install\n2. **TypeScript Compilation** — `npx tsc --noEmit`\n3. **Build** — `npx wix build`\n4. **Preview** — `npx wix preview`\n\nStop and report errors if any step fails. Check `.wix\u002Fdebug.log` on failures.\n\n---\n\n## Cost Optimization\n\n- **Let the CLI scaffold** — don't burn tokens describing folder layouts or builder boilerplate\n- **Only run `wix schema generate --type \u003CextensionType>`** when `wix generate --params` fails — don't pre-fetch it\n- **Read extension reference first** — always read the relevant extension reference file before implementing\n- **Check API references first** — read relevant API reference files before using MCP discovery\n- **Skip discovery** when all required APIs are in reference files\n- **maxResults: 5** for all MCP SDK searches\n- **ReadFullDocsMethodSchema** for SDK method schemas; **ReadFullDocsArticle** for prose guides only\n- **Invoke wix-design-system** first when using WDS (prevents import errors)\n\n## Documentation\n\nFor links to official Wix CLI documentation for all extension types, see [DOCUMENTATION.md](references\u002FDOCUMENTATION.md).\n",{"data":37,"body":39},{"name":4,"description":6,"compatibility":38},"requires `@wix\u002Fcli` >= 1.1.192.",{"type":40,"children":41},"root",[42,51,57,85,92,100,386,396,400,406,506,509,515,627,633,689,692,698,1101,1109,1130,1164,1170,1215,1218,1224,1363,1366,1371,1381,1391,1399,1493,1503,1519,1525,1530,1541,1546,1556,1561,1608,1611,1617,1627,1715,1720,1723,1728,1738,1749,1752,1758,1764,1776,1781,1787,1792,1798,1806,1913,1921,1929,1937,1952,1960,2205,2213,2255,2261,2289,2310,2318,2362,2385,2391,2404,2485,2491,2502,2546,2554,2559,2565,2577,2809,2817,2823,2828,2836,2925,2928,2933,2962,2965,2970,2981,3037,3050,3053,3059,3160,3166,3176],{"type":43,"tag":44,"props":45,"children":47},"element","h1",{"id":46},"wix-app-builder",[48],{"type":49,"value":50},"text","Wix App Builder",{"type":43,"tag":52,"props":53,"children":54},"p",{},[55],{"type":49,"value":56},"Helps build extensions for Wix CLI applications. Covers all extension types: dashboard pages, modals, plugins, menu plugins, custom element widgets, Editor React components, site plugins, embedded scripts, backend APIs, events, service plugins, and data collections.",{"type":43,"tag":52,"props":58,"children":59},{},[60,66,68,75,77,83],{"type":43,"tag":61,"props":62,"children":63},"strong",{},[64],{"type":49,"value":65},"Scaffolding is owned by the Wix CLI.",{"type":49,"value":67}," For every extension type except Backend API, files, folders, builder boilerplate, UUIDs, and ",{"type":43,"tag":69,"props":70,"children":72},"code",{"className":71},[],[73],{"type":49,"value":74},"src\u002Fextensions.ts",{"type":49,"value":76}," registration are generated by ",{"type":43,"tag":69,"props":78,"children":80},{"className":79},[],[81],{"type":49,"value":82},"wix generate --params",{"type":49,"value":84},". This skill provides the decision logic, API guidance, configuration semantics, and business-logic patterns that fill in the generated stubs.",{"type":43,"tag":86,"props":87,"children":89},"h2",{"id":88},"️-mandatory-workflow-checklist-️",[90],{"type":49,"value":91},"⚠️ MANDATORY WORKFLOW CHECKLIST ⚠️",{"type":43,"tag":52,"props":93,"children":94},{},[95],{"type":43,"tag":61,"props":96,"children":97},{},[98],{"type":49,"value":99},"Before reporting completion to the user, ALL boxes MUST be checked:",{"type":43,"tag":101,"props":102,"children":105},"ul",{"className":103},[104],"contains-task-list",[106,192,213,228,248,308,371],{"type":43,"tag":107,"props":108,"children":111},"li",{"className":109},[110],"task-list-item",[112,118,120,125,127],{"type":43,"tag":113,"props":114,"children":117},"input",{"disabled":115,"type":116},true,"checkbox",[],{"type":49,"value":119}," ",{"type":43,"tag":61,"props":121,"children":122},{},[123],{"type":49,"value":124},"Step 1:",{"type":49,"value":126}," Determined extension type(s) needed\n",{"type":43,"tag":101,"props":128,"children":130},{"className":129},[104],[131,140,158,167,183],{"type":43,"tag":107,"props":132,"children":134},{"className":133},[110],[135,138],{"type":43,"tag":113,"props":136,"children":137},{"disabled":115,"type":116},[],{"type":49,"value":139}," Asked clarifying questions if requirements were unclear",{"type":43,"tag":107,"props":141,"children":143},{"className":142},[110],[144,147,149,156],{"type":43,"tag":113,"props":145,"children":146},{"disabled":115,"type":116},[],{"type":49,"value":148}," Checked for implicit Data Collection need — unless user provided a collection ID directly (see ",{"type":43,"tag":150,"props":151,"children":153},"a",{"href":152},"#data-collection-inference",[154],{"type":49,"value":155},"Data Collection Inference",{"type":49,"value":157},")",{"type":43,"tag":107,"props":159,"children":161},{"className":160},[110],[162,165],{"type":43,"tag":113,"props":163,"children":164},{"disabled":115,"type":116},[],{"type":49,"value":166}," Obtained app namespace if Data Collection extension is being created",{"type":43,"tag":107,"props":168,"children":170},{"className":169},[110],[171,174,176,182],{"type":43,"tag":113,"props":172,"children":173},{"disabled":115,"type":116},[],{"type":49,"value":175}," Determined full scoped collection IDs if Data Collection extension is being created (see ",{"type":43,"tag":150,"props":177,"children":179},{"href":178},"#collection-id-coordination",[180],{"type":49,"value":181},"Collection ID Coordination",{"type":49,"value":157},{"type":43,"tag":107,"props":184,"children":186},{"className":185},[110],[187,190],{"type":43,"tag":113,"props":188,"children":189},{"disabled":115,"type":116},[],{"type":49,"value":191}," Explained recommendation with reasoning",{"type":43,"tag":107,"props":193,"children":195},{"className":194},[110],[196,199,200,205,207],{"type":43,"tag":113,"props":197,"children":198},{"disabled":115,"type":116},[],{"type":49,"value":119},{"type":43,"tag":61,"props":201,"children":202},{},[203],{"type":49,"value":204},"Step 2:",{"type":49,"value":206}," Read extension reference file(s) for the chosen type(s) and the project-wide ",{"type":43,"tag":150,"props":208,"children":210},{"href":209},"references\u002FCODE_QUALITY.md",[211],{"type":49,"value":212},"CODE_QUALITY.md",{"type":43,"tag":107,"props":214,"children":216},{"className":215},[110],[217,220,221,226],{"type":43,"tag":113,"props":218,"children":219},{"disabled":115,"type":116},[],{"type":49,"value":119},{"type":43,"tag":61,"props":222,"children":223},{},[224],{"type":49,"value":225},"Step 3:",{"type":49,"value":227}," Checked API references; used MCP discovery only for gaps",{"type":43,"tag":107,"props":229,"children":231},{"className":230},[110],[232,235,236,241,243],{"type":43,"tag":113,"props":233,"children":234},{"disabled":115,"type":116},[],{"type":49,"value":119},{"type":43,"tag":61,"props":237,"children":238},{},[239],{"type":49,"value":240},"Step 4a:",{"type":49,"value":242}," Scaffolded each CLI-supported extension via ",{"type":43,"tag":69,"props":244,"children":246},{"className":245},[],[247],{"type":49,"value":82},{"type":43,"tag":107,"props":249,"children":251},{"className":250},[110],[252,255,256,261,263],{"type":43,"tag":113,"props":253,"children":254},{"disabled":115,"type":116},[],{"type":49,"value":119},{"type":43,"tag":61,"props":257,"children":258},{},[259],{"type":49,"value":260},"Step 4b:",{"type":49,"value":262}," Filled in business logic in the generated files\n",{"type":43,"tag":101,"props":264,"children":266},{"className":265},[104],[267],{"type":43,"tag":107,"props":268,"children":270},{"className":269},[110],[271,274,276,282,284,290,292,298,300,306],{"type":43,"tag":113,"props":272,"children":273},{"disabled":115,"type":116},[],{"type":49,"value":275}," Invoked ",{"type":43,"tag":69,"props":277,"children":279},{"className":278},[],[280],{"type":49,"value":281},"wix-design-system",{"type":49,"value":283}," skill ONLY before editing the first ",{"type":43,"tag":69,"props":285,"children":287},{"className":286},[],[288],{"type":49,"value":289},".tsx",{"type":49,"value":291},"\u002F",{"type":43,"tag":69,"props":293,"children":295},{"className":294},[],[296],{"type":49,"value":297},".jsx",{"type":49,"value":299}," file that imports ",{"type":43,"tag":69,"props":301,"children":303},{"className":302},[],[304],{"type":49,"value":305},"@wix\u002Fdesign-system",{"type":49,"value":307},". Skip for backend-only or data-only extensions.",{"type":43,"tag":107,"props":309,"children":311},{"className":310},[110],[312,315,316,321,323,329,331],{"type":43,"tag":113,"props":313,"children":314},{"disabled":115,"type":116},[],{"type":49,"value":119},{"type":43,"tag":61,"props":317,"children":318},{},[319],{"type":49,"value":320},"Step 5:",{"type":49,"value":322}," Ran validation (see ",{"type":43,"tag":150,"props":324,"children":326},{"href":325},"#validation",[327],{"type":49,"value":328},"Validation",{"type":49,"value":330},")\n",{"type":43,"tag":101,"props":332,"children":334},{"className":333},[104],[335,344,353,362],{"type":43,"tag":107,"props":336,"children":338},{"className":337},[110],[339,342],{"type":43,"tag":113,"props":340,"children":341},{"disabled":115,"type":116},[],{"type":49,"value":343}," Dependencies installed",{"type":43,"tag":107,"props":345,"children":347},{"className":346},[110],[348,351],{"type":43,"tag":113,"props":349,"children":350},{"disabled":115,"type":116},[],{"type":49,"value":352}," TypeScript compiled",{"type":43,"tag":107,"props":354,"children":356},{"className":355},[110],[357,360],{"type":43,"tag":113,"props":358,"children":359},{"disabled":115,"type":116},[],{"type":49,"value":361}," Build succeeded",{"type":43,"tag":107,"props":363,"children":365},{"className":364},[110],[366,369],{"type":43,"tag":113,"props":367,"children":368},{"disabled":115,"type":116},[],{"type":49,"value":370}," Preview deployed",{"type":43,"tag":107,"props":372,"children":374},{"className":373},[110],[375,378,379,384],{"type":43,"tag":113,"props":376,"children":377},{"disabled":115,"type":116},[],{"type":49,"value":119},{"type":43,"tag":61,"props":380,"children":381},{},[382],{"type":49,"value":383},"Step 6:",{"type":49,"value":385}," Collected and presented ALL manual action items to user",{"type":43,"tag":52,"props":387,"children":388},{},[389,394],{"type":43,"tag":61,"props":390,"children":391},{},[392],{"type":49,"value":393},"🛑 STOP:",{"type":49,"value":395}," If any box is unchecked, do NOT proceed to the next step.",{"type":43,"tag":397,"props":398,"children":399},"hr",{},[],{"type":43,"tag":86,"props":401,"children":403},{"id":402},"anti-patterns-do-not-do",[404],{"type":49,"value":405},"❌ ANTI-PATTERNS (DO NOT DO)",{"type":43,"tag":407,"props":408,"children":409},"table",{},[410,429],{"type":43,"tag":411,"props":412,"children":413},"thead",{},[414],{"type":43,"tag":415,"props":416,"children":417},"tr",{},[418,424],{"type":43,"tag":419,"props":420,"children":421},"th",{},[422],{"type":49,"value":423},"❌ WRONG",{"type":43,"tag":419,"props":425,"children":426},{},[427],{"type":49,"value":428},"✅ CORRECT",{"type":43,"tag":430,"props":431,"children":432},"tbody",{},[433,454,467,480,493],{"type":43,"tag":415,"props":434,"children":435},{},[436,442],{"type":43,"tag":437,"props":438,"children":439},"td",{},[440],{"type":49,"value":441},"Hand-writing builder files, folders, UUIDs, or extension registration",{"type":43,"tag":437,"props":443,"children":444},{},[445,447,452],{"type":49,"value":446},"Run ",{"type":43,"tag":69,"props":448,"children":450},{"className":449},[],[451],{"type":49,"value":82},{"type":49,"value":453}," — it owns scaffolding",{"type":43,"tag":415,"props":455,"children":456},{},[457,462],{"type":43,"tag":437,"props":458,"children":459},{},[460],{"type":49,"value":461},"Implementing without reading the extension reference",{"type":43,"tag":437,"props":463,"children":464},{},[465],{"type":49,"value":466},"Always read the relevant reference file first",{"type":43,"tag":415,"props":468,"children":469},{},[470,475],{"type":43,"tag":437,"props":471,"children":472},{},[473],{"type":49,"value":474},"Using MCP discovery without checking refs",{"type":43,"tag":437,"props":476,"children":477},{},[478],{"type":49,"value":479},"Check reference files first",{"type":43,"tag":415,"props":481,"children":482},{},[483,488],{"type":43,"tag":437,"props":484,"children":485},{},[486],{"type":49,"value":487},"Reporting done without validation",{"type":43,"tag":437,"props":489,"children":490},{},[491],{"type":49,"value":492},"Always run validation at the end",{"type":43,"tag":415,"props":494,"children":495},{},[496,501],{"type":43,"tag":437,"props":497,"children":498},{},[499],{"type":49,"value":500},"Letting manual action items get buried",{"type":43,"tag":437,"props":502,"children":503},{},[504],{"type":49,"value":505},"Aggregate all manual steps at the very end",{"type":43,"tag":397,"props":507,"children":508},{},[],{"type":43,"tag":86,"props":510,"children":512},{"id":511},"quick-decision-helper",[513],{"type":49,"value":514},"Quick Decision Helper",{"type":43,"tag":516,"props":517,"children":518},"ol",{},[519,550,576],{"type":43,"tag":107,"props":520,"children":521},{},[522,527],{"type":43,"tag":61,"props":523,"children":524},{},[525],{"type":49,"value":526},"What are you trying to build?",{"type":43,"tag":101,"props":528,"children":529},{},[530,535,540,545],{"type":43,"tag":107,"props":531,"children":532},{},[533],{"type":49,"value":534},"Admin interface → Dashboard Extensions",{"type":43,"tag":107,"props":536,"children":537},{},[538],{"type":49,"value":539},"Backend logic → Backend Extensions",{"type":43,"tag":107,"props":541,"children":542},{},[543],{"type":49,"value":544},"Data storage \u002F CMS collections → Data Collection",{"type":43,"tag":107,"props":546,"children":547},{},[548],{"type":49,"value":549},"Editor React component → Site Extensions (app projects only)",{"type":43,"tag":107,"props":551,"children":552},{},[553,558],{"type":43,"tag":61,"props":554,"children":555},{},[556],{"type":49,"value":557},"Who will see it?",{"type":43,"tag":101,"props":559,"children":560},{},[561,566,571],{"type":43,"tag":107,"props":562,"children":563},{},[564],{"type":49,"value":565},"Admin users only → Dashboard Extensions",{"type":43,"tag":107,"props":567,"children":568},{},[569],{"type":49,"value":570},"Site visitors → Site Extensions",{"type":43,"tag":107,"props":572,"children":573},{},[574],{"type":49,"value":575},"Server-side only → Backend Extensions",{"type":43,"tag":107,"props":577,"children":578},{},[579,584],{"type":43,"tag":61,"props":580,"children":581},{},[582],{"type":49,"value":583},"Where will it appear?",{"type":43,"tag":101,"props":585,"children":586},{},[587,592,597,602,607,612,617,622],{"type":43,"tag":107,"props":588,"children":589},{},[590],{"type":49,"value":591},"Dashboard sidebar\u002Fpage → Dashboard Page or Modal",{"type":43,"tag":107,"props":593,"children":594},{},[595],{"type":49,"value":596},"Existing Wix app dashboard (widget) → Dashboard Plugin",{"type":43,"tag":107,"props":598,"children":599},{},[600],{"type":49,"value":601},"Existing Wix app dashboard (menu item) → Dashboard Menu Plugin",{"type":43,"tag":107,"props":603,"children":604},{},[605],{"type":49,"value":606},"Anywhere on site → custom element widget",{"type":43,"tag":107,"props":608,"children":609},{},[610],{"type":49,"value":611},"Anywhere on site (with editor manifest) → Editor React component",{"type":43,"tag":107,"props":613,"children":614},{},[615],{"type":49,"value":616},"Wix business solution page → Site Plugin",{"type":43,"tag":107,"props":618,"children":619},{},[620],{"type":49,"value":621},"During business flow → Service Plugin",{"type":43,"tag":107,"props":623,"children":624},{},[625],{"type":49,"value":626},"After event occurs → Backend Event Extension",{"type":43,"tag":86,"props":628,"children":630},{"id":629},"decision-flow-not-sure",[631],{"type":49,"value":632},"Decision Flow (Not sure?)",{"type":43,"tag":101,"props":634,"children":635},{},[636,669,679],{"type":43,"tag":107,"props":637,"children":638},{},[639,644,646,651,653,659,661,667],{"type":43,"tag":61,"props":640,"children":641},{},[642],{"type":49,"value":643},"Admin:",{"type":49,"value":645}," Need full-page UI? → Dashboard Page. Need popup\u002Fform? → Dashboard Modal. Extending Wix app dashboard with a visual widget? → Dashboard Plugin. Adding a menu item to a Wix app dashboard's more-actions or bulk-actions menu? → Dashboard Menu Plugin. ",{"type":43,"tag":61,"props":647,"children":648},{},[649],{"type":49,"value":650},"Modal constraint:",{"type":49,"value":652}," Dashboard Pages cannot use ",{"type":43,"tag":69,"props":654,"children":656},{"className":655},[],[657],{"type":49,"value":658},"\u003CModal \u002F>",{"type":49,"value":660},"; use a separate Dashboard Modal extension and ",{"type":43,"tag":69,"props":662,"children":664},{"className":663},[],[665],{"type":49,"value":666},"dashboard.openModal()",{"type":49,"value":668},".",{"type":43,"tag":107,"props":670,"children":671},{},[672,677],{"type":43,"tag":61,"props":673,"children":674},{},[675],{"type":49,"value":676},"Backend:",{"type":49,"value":678}," During business flow (checkout\u002Fshipping\u002Ftax)? → Service Plugin. After event (webhooks\u002Fsync)? → Backend Event Extension. Custom HTTP endpoints? → Backend API. Need CMS collections for app data? → Data Collection.",{"type":43,"tag":107,"props":680,"children":681},{},[682,687],{"type":43,"tag":61,"props":683,"children":684},{},[685],{"type":49,"value":686},"Site:",{"type":49,"value":688}," User places anywhere (standalone)? → custom element widget. Editor React component with editor manifest (styling, content, elements)? → Editor React component. Fixed slot on Wix app page? → Site Plugin. Scripts\u002Fanalytics only? → Embedded Script.",{"type":43,"tag":397,"props":690,"children":691},{},[],{"type":43,"tag":86,"props":693,"children":695},{"id":694},"extension-types-reference-table",[696],{"type":49,"value":697},"Extension Types Reference Table",{"type":43,"tag":407,"props":699,"children":700},{},[701,739],{"type":43,"tag":411,"props":702,"children":703},{},[704],{"type":43,"tag":415,"props":705,"children":706},{},[707,712,717,734],{"type":43,"tag":419,"props":708,"children":709},{},[710],{"type":49,"value":711},"Extension Type",{"type":43,"tag":419,"props":713,"children":714},{},[715],{"type":49,"value":716},"Category",{"type":43,"tag":419,"props":718,"children":719},{},[720,726,728,733],{"type":43,"tag":69,"props":721,"children":723},{"className":722},[],[724],{"type":49,"value":725},"extensionType",{"type":49,"value":727}," (for ",{"type":43,"tag":69,"props":729,"children":731},{"className":730},[],[732],{"type":49,"value":82},{"type":49,"value":157},{"type":43,"tag":419,"props":735,"children":736},{},[737],{"type":49,"value":738},"Reference File",{"type":43,"tag":430,"props":740,"children":741},{},[742,773,803,833,863,894,924,950,980,1011,1041,1071],{"type":43,"tag":415,"props":743,"children":744},{},[745,750,755,764],{"type":43,"tag":437,"props":746,"children":747},{},[748],{"type":49,"value":749},"Dashboard Page",{"type":43,"tag":437,"props":751,"children":752},{},[753],{"type":49,"value":754},"Dashboard",{"type":43,"tag":437,"props":756,"children":757},{},[758],{"type":43,"tag":69,"props":759,"children":761},{"className":760},[],[762],{"type":49,"value":763},"DASHBOARD_PAGE",{"type":43,"tag":437,"props":765,"children":766},{},[767],{"type":43,"tag":150,"props":768,"children":770},{"href":769},"references\u002FDASHBOARD_PAGE.md",[771],{"type":49,"value":772},"DASHBOARD_PAGE.md",{"type":43,"tag":415,"props":774,"children":775},{},[776,781,785,794],{"type":43,"tag":437,"props":777,"children":778},{},[779],{"type":49,"value":780},"Dashboard Modal",{"type":43,"tag":437,"props":782,"children":783},{},[784],{"type":49,"value":754},{"type":43,"tag":437,"props":786,"children":787},{},[788],{"type":43,"tag":69,"props":789,"children":791},{"className":790},[],[792],{"type":49,"value":793},"DASHBOARD_MODAL",{"type":43,"tag":437,"props":795,"children":796},{},[797],{"type":43,"tag":150,"props":798,"children":800},{"href":799},"references\u002FDASHBOARD_MODAL.md",[801],{"type":49,"value":802},"DASHBOARD_MODAL.md",{"type":43,"tag":415,"props":804,"children":805},{},[806,811,815,824],{"type":43,"tag":437,"props":807,"children":808},{},[809],{"type":49,"value":810},"Dashboard Plugin",{"type":43,"tag":437,"props":812,"children":813},{},[814],{"type":49,"value":754},{"type":43,"tag":437,"props":816,"children":817},{},[818],{"type":43,"tag":69,"props":819,"children":821},{"className":820},[],[822],{"type":49,"value":823},"DASHBOARD_PLUGIN",{"type":43,"tag":437,"props":825,"children":826},{},[827],{"type":43,"tag":150,"props":828,"children":830},{"href":829},"references\u002FDASHBOARD_PLUGIN.md",[831],{"type":49,"value":832},"DASHBOARD_PLUGIN.md",{"type":43,"tag":415,"props":834,"children":835},{},[836,841,845,854],{"type":43,"tag":437,"props":837,"children":838},{},[839],{"type":49,"value":840},"Dashboard Menu Plugin",{"type":43,"tag":437,"props":842,"children":843},{},[844],{"type":49,"value":754},{"type":43,"tag":437,"props":846,"children":847},{},[848],{"type":43,"tag":69,"props":849,"children":851},{"className":850},[],[852],{"type":49,"value":853},"DASHBOARD_MENU_PLUGIN",{"type":43,"tag":437,"props":855,"children":856},{},[857],{"type":43,"tag":150,"props":858,"children":860},{"href":859},"references\u002FDASHBOARD_MENU_PLUGIN.md",[861],{"type":49,"value":862},"DASHBOARD_MENU_PLUGIN.md",{"type":43,"tag":415,"props":864,"children":865},{},[866,871,876,885],{"type":43,"tag":437,"props":867,"children":868},{},[869],{"type":49,"value":870},"Service Plugin",{"type":43,"tag":437,"props":872,"children":873},{},[874],{"type":49,"value":875},"Backend",{"type":43,"tag":437,"props":877,"children":878},{},[879],{"type":43,"tag":69,"props":880,"children":882},{"className":881},[],[883],{"type":49,"value":884},"SERVICE_PLUGIN",{"type":43,"tag":437,"props":886,"children":887},{},[888],{"type":43,"tag":150,"props":889,"children":891},{"href":890},"references\u002FSERVICE_PLUGIN.md",[892],{"type":49,"value":893},"SERVICE_PLUGIN.md",{"type":43,"tag":415,"props":895,"children":896},{},[897,902,906,915],{"type":43,"tag":437,"props":898,"children":899},{},[900],{"type":49,"value":901},"Backend Event Extension",{"type":43,"tag":437,"props":903,"children":904},{},[905],{"type":49,"value":875},{"type":43,"tag":437,"props":907,"children":908},{},[909],{"type":43,"tag":69,"props":910,"children":912},{"className":911},[],[913],{"type":49,"value":914},"EVENT",{"type":43,"tag":437,"props":916,"children":917},{},[918],{"type":43,"tag":150,"props":919,"children":921},{"href":920},"references\u002FBACKEND_EVENT.md",[922],{"type":49,"value":923},"BACKEND_EVENT.md",{"type":43,"tag":415,"props":925,"children":926},{},[927,932,936,941],{"type":43,"tag":437,"props":928,"children":929},{},[930],{"type":49,"value":931},"Backend API",{"type":43,"tag":437,"props":933,"children":934},{},[935],{"type":49,"value":875},{"type":43,"tag":437,"props":937,"children":938},{},[939],{"type":49,"value":940},"— (manual, see banner below)",{"type":43,"tag":437,"props":942,"children":943},{},[944],{"type":43,"tag":150,"props":945,"children":947},{"href":946},"references\u002FBACKEND_API.md",[948],{"type":49,"value":949},"BACKEND_API.md",{"type":43,"tag":415,"props":951,"children":952},{},[953,958,962,971],{"type":43,"tag":437,"props":954,"children":955},{},[956],{"type":49,"value":957},"Data Collection",{"type":43,"tag":437,"props":959,"children":960},{},[961],{"type":49,"value":875},{"type":43,"tag":437,"props":963,"children":964},{},[965],{"type":43,"tag":69,"props":966,"children":968},{"className":967},[],[969],{"type":49,"value":970},"DATA_COLLECTION",{"type":43,"tag":437,"props":972,"children":973},{},[974],{"type":43,"tag":150,"props":975,"children":977},{"href":976},"references\u002FDATA_COLLECTION.md",[978],{"type":49,"value":979},"DATA_COLLECTION.md",{"type":43,"tag":415,"props":981,"children":982},{},[983,988,993,1002],{"type":43,"tag":437,"props":984,"children":985},{},[986],{"type":49,"value":987},"Editor React component",{"type":43,"tag":437,"props":989,"children":990},{},[991],{"type":49,"value":992},"Site",{"type":43,"tag":437,"props":994,"children":995},{},[996],{"type":43,"tag":69,"props":997,"children":999},{"className":998},[],[1000],{"type":49,"value":1001},"EDITOR_REACT_COMPONENT",{"type":43,"tag":437,"props":1003,"children":1004},{},[1005],{"type":43,"tag":150,"props":1006,"children":1008},{"href":1007},"references\u002FEDITOR_REACT_COMPONENT.md",[1009],{"type":49,"value":1010},"EDITOR_REACT_COMPONENT.md",{"type":43,"tag":415,"props":1012,"children":1013},{},[1014,1019,1023,1032],{"type":43,"tag":437,"props":1015,"children":1016},{},[1017],{"type":49,"value":1018},"Custom element widget",{"type":43,"tag":437,"props":1020,"children":1021},{},[1022],{"type":49,"value":992},{"type":43,"tag":437,"props":1024,"children":1025},{},[1026],{"type":43,"tag":69,"props":1027,"children":1029},{"className":1028},[],[1030],{"type":49,"value":1031},"CUSTOM_ELEMENT",{"type":43,"tag":437,"props":1033,"children":1034},{},[1035],{"type":43,"tag":150,"props":1036,"children":1038},{"href":1037},"references\u002FCUSTOM_ELEMENT_WIDGET.md",[1039],{"type":49,"value":1040},"CUSTOM_ELEMENT_WIDGET.md",{"type":43,"tag":415,"props":1042,"children":1043},{},[1044,1049,1053,1062],{"type":43,"tag":437,"props":1045,"children":1046},{},[1047],{"type":49,"value":1048},"Site Plugin",{"type":43,"tag":437,"props":1050,"children":1051},{},[1052],{"type":49,"value":992},{"type":43,"tag":437,"props":1054,"children":1055},{},[1056],{"type":43,"tag":69,"props":1057,"children":1059},{"className":1058},[],[1060],{"type":49,"value":1061},"SITE_PLUGIN",{"type":43,"tag":437,"props":1063,"children":1064},{},[1065],{"type":43,"tag":150,"props":1066,"children":1068},{"href":1067},"references\u002FSITE_PLUGIN.md",[1069],{"type":49,"value":1070},"SITE_PLUGIN.md",{"type":43,"tag":415,"props":1072,"children":1073},{},[1074,1079,1083,1092],{"type":43,"tag":437,"props":1075,"children":1076},{},[1077],{"type":49,"value":1078},"Embedded Script",{"type":43,"tag":437,"props":1080,"children":1081},{},[1082],{"type":49,"value":992},{"type":43,"tag":437,"props":1084,"children":1085},{},[1086],{"type":43,"tag":69,"props":1087,"children":1089},{"className":1088},[],[1090],{"type":49,"value":1091},"EMBEDDED_SCRIPT",{"type":43,"tag":437,"props":1093,"children":1094},{},[1095],{"type":43,"tag":150,"props":1096,"children":1098},{"href":1097},"references\u002FEMBEDDED_SCRIPT.md",[1099],{"type":49,"value":1100},"EMBEDDED_SCRIPT.md",{"type":43,"tag":52,"props":1102,"children":1103},{},[1104],{"type":43,"tag":61,"props":1105,"children":1106},{},[1107],{"type":49,"value":1108},"Key constraints:",{"type":43,"tag":101,"props":1110,"children":1111},{},[1112],{"type":43,"tag":107,"props":1113,"children":1114},{},[1115,1117,1122,1124,1129],{"type":49,"value":1116},"Dashboard Page cannot use ",{"type":43,"tag":69,"props":1118,"children":1120},{"className":1119},[],[1121],{"type":49,"value":658},{"type":49,"value":1123},"; use a separate Dashboard Modal and ",{"type":43,"tag":69,"props":1125,"children":1127},{"className":1126},[],[1128],{"type":49,"value":666},{"type":49,"value":668},{"type":43,"tag":1131,"props":1132,"children":1133},"blockquote",{},[1134],{"type":43,"tag":52,"props":1135,"children":1136},{},[1137,1142,1143,1149,1151,1157,1159,1163],{"type":43,"tag":61,"props":1138,"children":1139},{},[1140],{"type":49,"value":1141},"⚠️ Backend API is the only extension type the CLI does NOT scaffold.",{"type":49,"value":119},{"type":43,"tag":69,"props":1144,"children":1146},{"className":1145},[],[1147],{"type":49,"value":1148},"wix generate",{"type":49,"value":1150}," has no ",{"type":43,"tag":69,"props":1152,"children":1154},{"className":1153},[],[1155],{"type":49,"value":1156},"BACKEND_API",{"type":49,"value":1158}," handler. Create files directly per ",{"type":43,"tag":150,"props":1160,"children":1161},{"href":946},[1162],{"type":49,"value":949},{"type":49,"value":668},{"type":43,"tag":86,"props":1165,"children":1167},{"id":1166},"extension-comparison",[1168],{"type":49,"value":1169},"Extension Comparison",{"type":43,"tag":407,"props":1171,"children":1172},{},[1173,1194],{"type":43,"tag":411,"props":1174,"children":1175},{},[1176],{"type":43,"tag":415,"props":1177,"children":1178},{},[1179,1184,1189],{"type":43,"tag":419,"props":1180,"children":1181},{},[1182],{"type":49,"value":1183},"Custom element widget vs Editor React component vs Site Plugin",{"type":43,"tag":419,"props":1185,"children":1186},{},[1187],{"type":49,"value":1188},"Dashboard Page vs Modal",{"type":43,"tag":419,"props":1190,"children":1191},{},[1192],{"type":49,"value":1193},"Service Plugin vs Event",{"type":43,"tag":430,"props":1195,"children":1196},{},[1197],{"type":43,"tag":415,"props":1198,"children":1199},{},[1200,1205,1210],{"type":43,"tag":437,"props":1201,"children":1202},{},[1203],{"type":49,"value":1204},"Custom element widget: standalone interactive component. Editor React component: React with editor manifest (CSS\u002Fdata\u002Felements). Plugin: fixed slot in Wix app page.",{"type":43,"tag":437,"props":1206,"children":1207},{},[1208],{"type":49,"value":1209},"Page: full page. Modal: overlay; use for popups.",{"type":43,"tag":437,"props":1211,"children":1212},{},[1213],{"type":49,"value":1214},"Service: during flow. Event: after event.",{"type":43,"tag":397,"props":1216,"children":1217},{},[],{"type":43,"tag":86,"props":1219,"children":1221},{"id":1220},"cross-cutting-references",[1222],{"type":49,"value":1223},"Cross-Cutting References",{"type":43,"tag":407,"props":1225,"children":1226},{},[1227,1243],{"type":43,"tag":411,"props":1228,"children":1229},{},[1230],{"type":43,"tag":415,"props":1231,"children":1232},{},[1233,1238],{"type":43,"tag":419,"props":1234,"children":1235},{},[1236],{"type":49,"value":1237},"Topic",{"type":43,"tag":419,"props":1239,"children":1240},{},[1241],{"type":49,"value":1242},"Reference",{"type":43,"tag":430,"props":1244,"children":1245},{},[1246,1261,1278,1295,1312,1329,1346],{"type":43,"tag":415,"props":1247,"children":1248},{},[1249,1254],{"type":43,"tag":437,"props":1250,"children":1251},{},[1252],{"type":49,"value":1253},"Code Quality Requirements (applies to all generated code)",{"type":43,"tag":437,"props":1255,"children":1256},{},[1257],{"type":43,"tag":150,"props":1258,"children":1259},{"href":209},[1260],{"type":49,"value":212},{"type":43,"tag":415,"props":1262,"children":1263},{},[1264,1269],{"type":43,"tag":437,"props":1265,"children":1266},{},[1267],{"type":49,"value":1268},"Extension Registration",{"type":43,"tag":437,"props":1270,"children":1271},{},[1272],{"type":43,"tag":150,"props":1273,"children":1275},{"href":1274},"references\u002FEXTENSION_REGISTRATION.md",[1276],{"type":49,"value":1277},"EXTENSION_REGISTRATION.md",{"type":43,"tag":415,"props":1279,"children":1280},{},[1281,1286],{"type":43,"tag":437,"props":1282,"children":1283},{},[1284],{"type":49,"value":1285},"App Validation",{"type":43,"tag":437,"props":1287,"children":1288},{},[1289],{"type":43,"tag":150,"props":1290,"children":1292},{"href":1291},"references\u002FAPP_VALIDATION.md",[1293],{"type":49,"value":1294},"APP_VALIDATION.md",{"type":43,"tag":415,"props":1296,"children":1297},{},[1298,1303],{"type":43,"tag":437,"props":1299,"children":1300},{},[1301],{"type":49,"value":1302},"App Market Review",{"type":43,"tag":437,"props":1304,"children":1305},{},[1306],{"type":43,"tag":150,"props":1307,"children":1309},{"href":1308},"references\u002FAPP_MARKET_REVIEW.md",[1310],{"type":49,"value":1311},"APP_MARKET_REVIEW.md",{"type":43,"tag":415,"props":1313,"children":1314},{},[1315,1320],{"type":43,"tag":437,"props":1316,"children":1317},{},[1318],{"type":49,"value":1319},"App Identifiers (Namespace, Code ID)",{"type":43,"tag":437,"props":1321,"children":1322},{},[1323],{"type":43,"tag":150,"props":1324,"children":1326},{"href":1325},"references\u002FAPP_IDENTIFIERS.md",[1327],{"type":49,"value":1328},"APP_IDENTIFIERS.md",{"type":43,"tag":415,"props":1330,"children":1331},{},[1332,1337],{"type":43,"tag":437,"props":1333,"children":1334},{},[1335],{"type":49,"value":1336},"Wix Stores Versioning (V1\u002FV3)",{"type":43,"tag":437,"props":1338,"children":1339},{},[1340],{"type":43,"tag":150,"props":1341,"children":1343},{"href":1342},"references\u002FSTORES_VERSIONING.md",[1344],{"type":49,"value":1345},"STORES_VERSIONING.md",{"type":43,"tag":415,"props":1347,"children":1348},{},[1349,1354],{"type":43,"tag":437,"props":1350,"children":1351},{},[1352],{"type":49,"value":1353},"Official Documentation Links",{"type":43,"tag":437,"props":1355,"children":1356},{},[1357],{"type":43,"tag":150,"props":1358,"children":1360},{"href":1359},"references\u002FDOCUMENTATION.md",[1361],{"type":49,"value":1362},"DOCUMENTATION.md",{"type":43,"tag":397,"props":1364,"children":1365},{},[],{"type":43,"tag":86,"props":1367,"children":1369},{"id":1368},"data-collection-inference",[1370],{"type":49,"value":155},{"type":43,"tag":52,"props":1372,"children":1373},{},[1374,1379],{"type":43,"tag":61,"props":1375,"children":1376},{},[1377],{"type":49,"value":1378},"CRITICAL:",{"type":49,"value":1380}," Data collections are often needed implicitly — don't wait for the user to explicitly say \"create a CMS collection.\" Infer the need automatically.",{"type":43,"tag":52,"props":1382,"children":1383},{},[1384,1389],{"type":43,"tag":61,"props":1385,"children":1386},{},[1387],{"type":49,"value":1388},"Skip this section if the user provides a collection ID directly",{"type":49,"value":1390}," (e.g., an existing site-level collection). In that case, use the provided ID as-is — no Data Collection extension or namespace scoping needed.",{"type":43,"tag":52,"props":1392,"children":1393},{},[1394],{"type":43,"tag":61,"props":1395,"children":1396},{},[1397],{"type":49,"value":1398},"Always include a Data Collection extension when ANY of these are true:",{"type":43,"tag":407,"props":1400,"children":1401},{},[1402,1418],{"type":43,"tag":411,"props":1403,"children":1404},{},[1405],{"type":43,"tag":415,"props":1406,"children":1407},{},[1408,1413],{"type":43,"tag":419,"props":1409,"children":1410},{},[1411],{"type":49,"value":1412},"Indicator",{"type":43,"tag":419,"props":1414,"children":1415},{},[1416],{"type":49,"value":1417},"Example",{"type":43,"tag":430,"props":1419,"children":1420},{},[1421,1434,1454,1467,1480],{"type":43,"tag":415,"props":1422,"children":1423},{},[1424,1429],{"type":43,"tag":437,"props":1425,"children":1426},{},[1427],{"type":49,"value":1428},"User mentions saving\u002Fstoring\u002Fpersisting app-specific data",{"type":43,"tag":437,"props":1430,"children":1431},{},[1432],{"type":49,"value":1433},"\"save the fee amount\", \"store product recommendations\"",{"type":43,"tag":415,"props":1435,"children":1436},{},[1437,1449],{"type":43,"tag":437,"props":1438,"children":1439},{},[1440,1442,1447],{"type":49,"value":1441},"A dashboard page will ",{"type":43,"tag":61,"props":1443,"children":1444},{},[1445],{"type":49,"value":1446},"manage",{"type":49,"value":1448}," (CRUD) domain entities",{"type":43,"tag":437,"props":1450,"children":1451},{},[1452],{"type":49,"value":1453},"\"dashboard to manage fees\", \"admin page to edit rules\"",{"type":43,"tag":415,"props":1455,"children":1456},{},[1457,1462],{"type":43,"tag":437,"props":1458,"children":1459},{},[1460],{"type":49,"value":1461},"A service plugin reads app-configured data at runtime",{"type":43,"tag":437,"props":1463,"children":1464},{},[1465],{"type":49,"value":1466},"\"fetch fee rules at checkout\", \"look up shipping rates\"",{"type":43,"tag":415,"props":1468,"children":1469},{},[1470,1475],{"type":43,"tag":437,"props":1471,"children":1472},{},[1473],{"type":49,"value":1474},"User mentions \"dedicated database\u002Fcollection\"",{"type":43,"tag":437,"props":1476,"children":1477},{},[1478],{"type":49,"value":1479},"\"save in a dedicated database collection\"",{"type":43,"tag":415,"props":1481,"children":1482},{},[1483,1488],{"type":43,"tag":437,"props":1484,"children":1485},{},[1486],{"type":49,"value":1487},"Multiple extensions reference the same custom data",{"type":43,"tag":437,"props":1489,"children":1490},{},[1491],{"type":49,"value":1492},"Dashboard manages fees + service plugin reads fees",{"type":43,"tag":52,"props":1494,"children":1495},{},[1496,1501],{"type":43,"tag":61,"props":1497,"children":1498},{},[1499],{"type":49,"value":1500},"Why this matters:",{"type":49,"value":1502}," Without the Data Collection extension, the collection won't be created when the app is installed, the Wix Data APIs may not work (code editor not enabled), and collection IDs won't be properly scoped to the app namespace.",{"type":43,"tag":52,"props":1504,"children":1505},{},[1506],{"type":43,"tag":61,"props":1507,"children":1508},{},[1509,1511,1517],{"type":49,"value":1510},"If data collection is inferred, follow the ",{"type":43,"tag":150,"props":1512,"children":1514},{"href":1513},"#app-namespace-requirement",[1515],{"type":49,"value":1516},"App Namespace Requirement",{"type":49,"value":1518}," to obtain the namespace before proceeding.",{"type":43,"tag":1520,"props":1521,"children":1523},"h3",{"id":1522},"app-namespace-requirement",[1524],{"type":49,"value":1516},{"type":43,"tag":52,"props":1526,"children":1527},{},[1528],{"type":49,"value":1529},"When creating a Data Collection, you MUST ask the user for their app namespace from Wix Dev Center. This is a required parameter that must be obtained from the user's Dev Center dashboard and cannot be recommended or guessed.",{"type":43,"tag":52,"props":1531,"children":1532},{},[1533,1535,1539],{"type":49,"value":1534},"If the user hasn't provided their app namespace, read ",{"type":43,"tag":150,"props":1536,"children":1537},{"href":1325},[1538],{"type":49,"value":1328},{"type":49,"value":1540}," and give the user the instructions to obtain it.",{"type":43,"tag":1520,"props":1542,"children":1544},{"id":1543},"collection-id-coordination",[1545],{"type":49,"value":181},{"type":43,"tag":52,"props":1547,"children":1548},{},[1549,1554],{"type":43,"tag":61,"props":1550,"children":1551},{},[1552],{"type":49,"value":1553},"Applies ONLY when a Data Collection extension is being created.",{"type":49,"value":1555}," If the user provides a collection ID directly, use it as-is — no namespace scoping, no Data Collection extension needed.",{"type":43,"tag":52,"props":1557,"children":1558},{},[1559],{"type":49,"value":1560},"When a Data Collection is created alongside other extensions that reference the same collections:",{"type":43,"tag":516,"props":1562,"children":1563},{},[1564,1574,1590],{"type":43,"tag":107,"props":1565,"children":1566},{},[1567,1572],{"type":43,"tag":61,"props":1568,"children":1569},{},[1570],{"type":49,"value":1571},"Get the app namespace",{"type":49,"value":1573}," (see App Namespace Requirement above)",{"type":43,"tag":107,"props":1575,"children":1576},{},[1577,1588],{"type":43,"tag":61,"props":1578,"children":1579},{},[1580,1582],{"type":49,"value":1581},"Determine the ",{"type":43,"tag":69,"props":1583,"children":1585},{"className":1584},[],[1586],{"type":49,"value":1587},"idSuffix",{"type":49,"value":1589}," for each collection (the Data Collection reference documents the full ID format)",{"type":43,"tag":107,"props":1591,"children":1592},{},[1593,1598,1600,1606],{"type":43,"tag":61,"props":1594,"children":1595},{},[1596],{"type":49,"value":1597},"Use the full scoped collection ID",{"type":49,"value":1599}," (",{"type":43,"tag":69,"props":1601,"children":1603},{"className":1602},[],[1604],{"type":49,"value":1605},"\u003Capp-namespace>\u002F\u003CidSuffix>",{"type":49,"value":1607},") in all extensions that reference the collection via Wix Data API calls",{"type":43,"tag":397,"props":1609,"children":1610},{},[],{"type":43,"tag":86,"props":1612,"children":1614},{"id":1613},"wix-stores-versioning-requirement",[1615],{"type":49,"value":1616},"Wix Stores Versioning Requirement",{"type":43,"tag":52,"props":1618,"children":1619},{},[1620,1625],{"type":43,"tag":61,"props":1621,"children":1622},{},[1623],{"type":49,"value":1624},"Applies when ANY Wix Stores API is used",{"type":49,"value":1626}," (products, inventory, orders, etc.):",{"type":43,"tag":516,"props":1628,"children":1629},{},[1630,1653,1669,1695,1705],{"type":43,"tag":107,"props":1631,"children":1632},{},[1633,1638,1640,1644,1646,1651],{"type":43,"tag":61,"props":1634,"children":1635},{},[1636],{"type":49,"value":1637},"Read the Stores Versioning reference",{"type":49,"value":1639}," — see ",{"type":43,"tag":150,"props":1641,"children":1642},{"href":1342},[1643],{"type":49,"value":1345},{"type":49,"value":1645},". It contains the module map, permissions cheatsheet, copy-paste dual-catalog recipes (list\u002Fget\u002Fcreate\u002Fupdate\u002Fdelete products, inventory, categories), the V1→V3 field map, webhook mapping, and the major V3 gotchas. ",{"type":43,"tag":61,"props":1647,"children":1648},{},[1649],{"type":49,"value":1650},"Use it before searching SDK docs",{"type":49,"value":1652}," — it covers the common 80%.",{"type":43,"tag":107,"props":1654,"children":1655},{},[1656,1661,1663],{"type":43,"tag":61,"props":1657,"children":1658},{},[1659],{"type":49,"value":1660},"All Stores operations must check catalog version first",{"type":49,"value":1662}," using ",{"type":43,"tag":69,"props":1664,"children":1666},{"className":1665},[],[1667],{"type":49,"value":1668},"getCatalogVersion()",{"type":43,"tag":107,"props":1670,"children":1671},{},[1672,1677,1679,1685,1687,1693],{"type":43,"tag":61,"props":1673,"children":1674},{},[1675],{"type":49,"value":1676},"Use the correct module",{"type":49,"value":1678}," based on version: ",{"type":43,"tag":69,"props":1680,"children":1682},{"className":1681},[],[1683],{"type":49,"value":1684},"productsV3",{"type":49,"value":1686}," (V3) vs ",{"type":43,"tag":69,"props":1688,"children":1690},{"className":1689},[],[1691],{"type":49,"value":1692},"products",{"type":49,"value":1694}," (V1)",{"type":43,"tag":107,"props":1696,"children":1697},{},[1698,1703],{"type":43,"tag":61,"props":1699,"children":1700},{},[1701],{"type":49,"value":1702},"Apps MUST support both V1 and V3",{"type":49,"value":1704}," — single-version apps cannot list in the App Market and break on new sites",{"type":43,"tag":107,"props":1706,"children":1707},{},[1708,1713],{"type":43,"tag":61,"props":1709,"children":1710},{},[1711],{"type":49,"value":1712},"Request both V1 and V3 permission scopes",{"type":49,"value":1714}," for every Stores operation",{"type":43,"tag":52,"props":1716,"children":1717},{},[1718],{"type":49,"value":1719},"This is non-negotiable — V1 and V3 are NOT backwards compatible.",{"type":43,"tag":397,"props":1721,"children":1722},{},[],{"type":43,"tag":86,"props":1724,"children":1726},{"id":1725},"app-market-review",[1727],{"type":49,"value":1302},{"type":43,"tag":52,"props":1729,"children":1730},{},[1731,1736],{"type":43,"tag":61,"props":1732,"children":1733},{},[1734],{"type":49,"value":1735},"Applies when a user wants to submit their app to the Wix App Market, list it publicly, prepare for App Market review, audit decline risk, or fix App Market review feedback.",{"type":49,"value":1737}," Not needed for private apps or routine version releases.",{"type":43,"tag":52,"props":1739,"children":1740},{},[1741,1743,1747],{"type":49,"value":1742},"Read ",{"type":43,"tag":150,"props":1744,"children":1745},{"href":1308},[1746],{"type":49,"value":1311},{"type":49,"value":1748}," — it contains the full technical checklist, implementation notes with Wix doc links, and the review taxonomy IDs for traceability.",{"type":43,"tag":397,"props":1750,"children":1751},{},[],{"type":43,"tag":86,"props":1753,"children":1755},{"id":1754},"implementation-workflow",[1756],{"type":49,"value":1757},"Implementation Workflow",{"type":43,"tag":1520,"props":1759,"children":1761},{"id":1760},"step-1-ask-clarifying-questions-if-needed",[1762],{"type":49,"value":1763},"Step 1: Ask Clarifying Questions (if needed)",{"type":43,"tag":52,"props":1765,"children":1766},{},[1767,1769,1774],{"type":49,"value":1768},"Only ask for configuration values when ",{"type":43,"tag":61,"props":1770,"children":1771},{},[1772],{"type":49,"value":1773},"absolutely necessary",{"type":49,"value":1775}," for the implementation to proceed. If a value can be configured later or added as a manual step, don't block on it.",{"type":43,"tag":52,"props":1777,"children":1778},{},[1779],{"type":49,"value":1780},"If unclear on approach (placement, visibility, configuration, integration), ask clarifying questions. If the answer could change the extension type, wait for the response before proceeding. Otherwise, proceed with the best-fit extension type.",{"type":43,"tag":1520,"props":1782,"children":1784},{"id":1783},"step-2-make-your-recommendation",[1785],{"type":49,"value":1786},"Step 2: Make Your Recommendation",{"type":43,"tag":52,"props":1788,"children":1789},{},[1790],{"type":49,"value":1791},"Use the Extension Types Reference Table and decision content above. State extension type and brief reasoning (placement, functionality, integration).",{"type":43,"tag":1520,"props":1793,"children":1795},{"id":1794},"step-3-read-extension-reference-check-api-references-then-discover-if-needed",[1796],{"type":49,"value":1797},"Step 3: Read Extension Reference, Check API References, Then Discover (if needed)",{"type":43,"tag":52,"props":1799,"children":1800},{},[1801],{"type":43,"tag":61,"props":1802,"children":1803},{},[1804],{"type":49,"value":1805},"Workflow: Read extension reference → Check API references → Use MCP only for gaps.",{"type":43,"tag":516,"props":1807,"children":1808},{},[1809,1819,1829,1893,1903],{"type":43,"tag":107,"props":1810,"children":1811},{},[1812,1817],{"type":43,"tag":61,"props":1813,"children":1814},{},[1815],{"type":49,"value":1816},"Read the extension reference file",{"type":49,"value":1818}," for the chosen extension type from the table above",{"type":43,"tag":107,"props":1820,"children":1821},{},[1822,1827],{"type":43,"tag":61,"props":1823,"children":1824},{},[1825],{"type":49,"value":1826},"Identify required APIs",{"type":49,"value":1828}," from user requirements",{"type":43,"tag":107,"props":1830,"children":1831},{},[1832,1837],{"type":43,"tag":61,"props":1833,"children":1834},{},[1835],{"type":49,"value":1836},"Check relevant API reference files:",{"type":43,"tag":101,"props":1838,"children":1839},{},[1840,1851,1862,1873],{"type":43,"tag":107,"props":1841,"children":1842},{},[1843,1845],{"type":49,"value":1844},"Backend events → ",{"type":43,"tag":69,"props":1846,"children":1848},{"className":1847},[],[1849],{"type":49,"value":1850},"references\u002Fbackend-event\u002FCOMMON-EVENTS.md",{"type":43,"tag":107,"props":1852,"children":1853},{},[1854,1856],{"type":49,"value":1855},"Wix Data → ",{"type":43,"tag":69,"props":1857,"children":1859},{"className":1858},[],[1860],{"type":49,"value":1861},"references\u002Fdata-collection\u002FWIX_DATA.md",{"type":43,"tag":107,"props":1863,"children":1864},{},[1865,1867],{"type":49,"value":1866},"Dashboard SDK → ",{"type":43,"tag":69,"props":1868,"children":1870},{"className":1869},[],[1871],{"type":49,"value":1872},"references\u002Fdashboard-page\u002FDASHBOARD_API.md",{"type":43,"tag":107,"props":1874,"children":1875},{},[1876,1878,1883,1885,1891],{"type":49,"value":1877},"Service Plugin SPIs → read ",{"type":43,"tag":69,"props":1879,"children":1881},{"className":1880},[],[1882],{"type":49,"value":890},{"type":49,"value":1884}," together with the matching ",{"type":43,"tag":69,"props":1886,"children":1888},{"className":1887},[],[1889],{"type":49,"value":1890},"references\u002Fservice-plugin\u002F\u003CNAME>.md",{"type":49,"value":1892}," leaf",{"type":43,"tag":107,"props":1894,"children":1895},{},[1896,1901],{"type":43,"tag":61,"props":1897,"children":1898},{},[1899],{"type":49,"value":1900},"Verify the specific method\u002Fevent exists",{"type":49,"value":1902}," in references",{"type":43,"tag":107,"props":1904,"children":1905},{},[1906,1911],{"type":43,"tag":61,"props":1907,"children":1908},{},[1909],{"type":49,"value":1910},"ONLY use MCP discovery if NOT found",{"type":49,"value":1912}," in reference files",{"type":43,"tag":52,"props":1914,"children":1915},{},[1916],{"type":43,"tag":61,"props":1917,"children":1918},{},[1919],{"type":49,"value":1920},"Platform APIs (never discover - in references):",{"type":43,"tag":101,"props":1922,"children":1923},{},[1924],{"type":43,"tag":107,"props":1925,"children":1926},{},[1927],{"type":49,"value":1928},"Wix Data, Dashboard SDK, Event SDK (common events), Service Plugin SPIs",{"type":43,"tag":52,"props":1930,"children":1931},{},[1932],{"type":43,"tag":61,"props":1933,"children":1934},{},[1935],{"type":49,"value":1936},"Vertical APIs (discover if needed):",{"type":43,"tag":101,"props":1938,"children":1939},{},[1940],{"type":43,"tag":107,"props":1941,"children":1942},{},[1943,1945,1950],{"type":49,"value":1944},"Wix Stores (",{"type":43,"tag":61,"props":1946,"children":1947},{},[1948],{"type":49,"value":1949},"⚠️ MUST use Stores Versioning reference",{"type":49,"value":1951}," — V1\u002FV3 catalog check required), Wix Bookings, Wix Members, Wix Pricing Plans, third-party integrations",{"type":43,"tag":52,"props":1953,"children":1954},{},[1955],{"type":43,"tag":61,"props":1956,"children":1957},{},[1958],{"type":49,"value":1959},"Decision table:",{"type":43,"tag":407,"props":1961,"children":1962},{},[1963,1984],{"type":43,"tag":411,"props":1964,"children":1965},{},[1966],{"type":43,"tag":415,"props":1967,"children":1968},{},[1969,1974,1979],{"type":43,"tag":419,"props":1970,"children":1971},{},[1972],{"type":49,"value":1973},"User Requirement",{"type":43,"tag":419,"props":1975,"children":1976},{},[1977],{"type":49,"value":1978},"Check References \u002F Discovery Needed?",{"type":43,"tag":419,"props":1980,"children":1981},{},[1982],{"type":49,"value":1983},"Reason \u002F Reference File",{"type":43,"tag":430,"props":1985,"children":1986},{},[1987,2010,2027,2044,2061,2085,2103,2121,2139,2155,2172,2189],{"type":43,"tag":415,"props":1988,"children":1989},{},[1990,1995,2000],{"type":43,"tag":437,"props":1991,"children":1992},{},[1993],{"type":49,"value":1994},"\"Display store products\"",{"type":43,"tag":437,"props":1996,"children":1997},{},[1998],{"type":49,"value":1999},"✅ YES (MCP discovery)",{"type":43,"tag":437,"props":2001,"children":2002},{},[2003,2005],{"type":49,"value":2004},"Wix Stores API — ",{"type":43,"tag":61,"props":2006,"children":2007},{},[2008],{"type":49,"value":2009},"include Stores Versioning reference",{"type":43,"tag":415,"props":2011,"children":2012},{},[2013,2018,2022],{"type":43,"tag":437,"props":2014,"children":2015},{},[2016],{"type":49,"value":2017},"\"Show booking calendar\"",{"type":43,"tag":437,"props":2019,"children":2020},{},[2021],{"type":49,"value":1999},{"type":43,"tag":437,"props":2023,"children":2024},{},[2025],{"type":49,"value":2026},"Wix Bookings API not in reference files",{"type":43,"tag":415,"props":2028,"children":2029},{},[2030,2035,2039],{"type":43,"tag":437,"props":2031,"children":2032},{},[2033],{"type":49,"value":2034},"\"Send emails to users\"",{"type":43,"tag":437,"props":2036,"children":2037},{},[2038],{"type":49,"value":1999},{"type":43,"tag":437,"props":2040,"children":2041},{},[2042],{"type":49,"value":2043},"Wix Triggered Emails not in reference files",{"type":43,"tag":415,"props":2045,"children":2046},{},[2047,2052,2056],{"type":43,"tag":437,"props":2048,"children":2049},{},[2050],{"type":49,"value":2051},"\"Get member info\"",{"type":43,"tag":437,"props":2053,"children":2054},{},[2055],{"type":49,"value":1999},{"type":43,"tag":437,"props":2057,"children":2058},{},[2059],{"type":49,"value":2060},"Wix Members API not in reference files",{"type":43,"tag":415,"props":2062,"children":2063},{},[2064,2069,2080],{"type":43,"tag":437,"props":2065,"children":2066},{},[2067],{"type":49,"value":2068},"\"Listen for cart events\"",{"type":43,"tag":437,"props":2070,"children":2071},{},[2072,2074],{"type":49,"value":2073},"Check ",{"type":43,"tag":69,"props":2075,"children":2077},{"className":2076},[],[2078],{"type":49,"value":2079},"COMMON-EVENTS.md",{"type":43,"tag":437,"props":2081,"children":2082},{},[2083],{"type":49,"value":2084},"MCP discovery only if event missing in reference",{"type":43,"tag":415,"props":2086,"children":2087},{},[2088,2093,2098],{"type":43,"tag":437,"props":2089,"children":2090},{},[2091],{"type":49,"value":2092},"\"Store data in collection\"",{"type":43,"tag":437,"props":2094,"children":2095},{},[2096],{"type":49,"value":2097},"WIX_DATA.md ✅ Found",{"type":43,"tag":437,"props":2099,"children":2100},{},[2101],{"type":49,"value":2102},"❌ Skip discovery (covered by reference)",{"type":43,"tag":415,"props":2104,"children":2105},{},[2106,2111,2116],{"type":43,"tag":437,"props":2107,"children":2108},{},[2109],{"type":49,"value":2110},"\"Create CMS collections for my app\"",{"type":43,"tag":437,"props":2112,"children":2113},{},[2114],{"type":49,"value":2115},"Data Collection reference",{"type":43,"tag":437,"props":2117,"children":2118},{},[2119],{"type":49,"value":2120},"❌ Skip discovery (covered by dedicated reference)",{"type":43,"tag":415,"props":2122,"children":2123},{},[2124,2129,2134],{"type":43,"tag":437,"props":2125,"children":2126},{},[2127],{"type":49,"value":2128},"\"Show dashboard toast\"",{"type":43,"tag":437,"props":2130,"children":2131},{},[2132],{"type":49,"value":2133},"DASHBOARD_API.md ✅ Found",{"type":43,"tag":437,"props":2135,"children":2136},{},[2137],{"type":49,"value":2138},"❌ Skip discovery",{"type":43,"tag":415,"props":2140,"children":2141},{},[2142,2147,2151],{"type":43,"tag":437,"props":2143,"children":2144},{},[2145],{"type":49,"value":2146},"\"Show toast \u002F navigate\"",{"type":43,"tag":437,"props":2148,"children":2149},{},[2150],{"type":49,"value":2133},{"type":43,"tag":437,"props":2152,"children":2153},{},[2154],{"type":49,"value":2138},{"type":43,"tag":415,"props":2156,"children":2157},{},[2158,2163,2168],{"type":43,"tag":437,"props":2159,"children":2160},{},[2161],{"type":49,"value":2162},"\"UI only (forms, inputs)\"",{"type":43,"tag":437,"props":2164,"children":2165},{},[2166],{"type":49,"value":2167},"N\u002FA (no external API)",{"type":43,"tag":437,"props":2169,"children":2170},{},[2171],{"type":49,"value":2138},{"type":43,"tag":415,"props":2173,"children":2174},{},[2175,2180,2185],{"type":43,"tag":437,"props":2176,"children":2177},{},[2178],{"type":49,"value":2179},"\"Settings page with form inputs\"",{"type":43,"tag":437,"props":2181,"children":2182},{},[2183],{"type":49,"value":2184},"N\u002FA (UI only, no external API)",{"type":43,"tag":437,"props":2186,"children":2187},{},[2188],{"type":49,"value":2138},{"type":43,"tag":415,"props":2190,"children":2191},{},[2192,2197,2201],{"type":43,"tag":437,"props":2193,"children":2194},{},[2195],{"type":49,"value":2196},"\"Dashboard page with local state\"",{"type":43,"tag":437,"props":2198,"children":2199},{},[2200],{"type":49,"value":2167},{"type":43,"tag":437,"props":2202,"children":2203},{},[2204],{"type":49,"value":2138},{"type":43,"tag":52,"props":2206,"children":2207},{},[2208],{"type":43,"tag":61,"props":2209,"children":2210},{},[2211],{"type":49,"value":2212},"MCP Tools for discovery (when needed):",{"type":43,"tag":101,"props":2214,"children":2215},{},[2216,2233,2244],{"type":43,"tag":107,"props":2217,"children":2218},{},[2219,2225,2227,2232],{"type":43,"tag":69,"props":2220,"children":2222},{"className":2221},[],[2223],{"type":49,"value":2224},"SearchWixSDKDocumentation",{"type":49,"value":2226}," - SDK methods and APIs (",{"type":43,"tag":61,"props":2228,"children":2229},{},[2230],{"type":49,"value":2231},"Always use maxResults: 5",{"type":49,"value":157},{"type":43,"tag":107,"props":2234,"children":2235},{},[2236,2242],{"type":43,"tag":69,"props":2237,"children":2239},{"className":2238},[],[2240],{"type":49,"value":2241},"ReadFullDocsMethodSchema",{"type":49,"value":2243}," - Full type schema for a specific SDK method (parameters, return type, permissions)",{"type":43,"tag":107,"props":2245,"children":2246},{},[2247,2253],{"type":43,"tag":69,"props":2248,"children":2250},{"className":2249},[],[2251],{"type":49,"value":2252},"ReadFullDocsArticle",{"type":49,"value":2254}," - Prose guides and conceptual articles only (not for SDK method signatures)",{"type":43,"tag":1520,"props":2256,"children":2258},{"id":2257},"step-4a-scaffold-via-the-cli",[2259],{"type":49,"value":2260},"Step 4a: Scaffold via the CLI",{"type":43,"tag":52,"props":2262,"children":2263},{},[2264,2266,2271,2273,2279,2281,2287],{"type":49,"value":2265},"For each extension ",{"type":43,"tag":61,"props":2267,"children":2268},{},[2269],{"type":49,"value":2270},"except Backend API",{"type":49,"value":2272},", run ",{"type":43,"tag":69,"props":2274,"children":2276},{"className":2275},[],[2277],{"type":49,"value":2278},"npx wix generate --params '\u003Cjson>'",{"type":49,"value":2280},". The command returns ",{"type":43,"tag":69,"props":2282,"children":2284},{"className":2283},[],[2285],{"type":49,"value":2286},"{\"success\":true,\"extensionType\":\"...\",\"newFiles\":[...]}",{"type":49,"value":2288}," on success.",{"type":43,"tag":52,"props":2290,"children":2291},{},[2292,2294,2300,2302,2308],{"type":49,"value":2293},"If the command fails because of unknown or invalid params, run ",{"type":43,"tag":69,"props":2295,"children":2297},{"className":2296},[],[2298],{"type":49,"value":2299},"npx wix schema generate --type \u003CextensionType>",{"type":49,"value":2301}," to print the JSON Schema for that extension type, fix the ",{"type":43,"tag":69,"props":2303,"children":2305},{"className":2304},[],[2306],{"type":49,"value":2307},"--params",{"type":49,"value":2309}," payload, and retry. Do not fall back to manual scaffolding.",{"type":43,"tag":52,"props":2311,"children":2312},{},[2313],{"type":43,"tag":61,"props":2314,"children":2315},{},[2316],{"type":49,"value":2317},"What the CLI does automatically:",{"type":43,"tag":101,"props":2319,"children":2320},{},[2321,2326,2337,2357],{"type":43,"tag":107,"props":2322,"children":2323},{},[2324],{"type":49,"value":2325},"Creates folders and stub files",{"type":43,"tag":107,"props":2327,"children":2328},{},[2329,2331],{"type":49,"value":2330},"Generates a fresh UUID for the extension ",{"type":43,"tag":69,"props":2332,"children":2334},{"className":2333},[],[2335],{"type":49,"value":2336},"id",{"type":43,"tag":107,"props":2338,"children":2339},{},[2340,2342,2347,2349,2355],{"type":49,"value":2341},"Updates ",{"type":43,"tag":69,"props":2343,"children":2345},{"className":2344},[],[2346],{"type":49,"value":74},{"type":49,"value":2348}," with the import and ",{"type":43,"tag":69,"props":2350,"children":2352},{"className":2351},[],[2353],{"type":49,"value":2354},".use()",{"type":49,"value":2356}," call",{"type":43,"tag":107,"props":2358,"children":2359},{},[2360],{"type":49,"value":2361},"Enforces naming rules (kebab-case, hyphen-required custom elements, etc.)",{"type":43,"tag":52,"props":2363,"children":2364},{},[2365,2370,2372,2378,2380,2384],{"type":43,"tag":61,"props":2366,"children":2367},{},[2368],{"type":49,"value":2369},"Backend API exception:",{"type":49,"value":2371}," Create ",{"type":43,"tag":69,"props":2373,"children":2375},{"className":2374},[],[2376],{"type":49,"value":2377},"src\u002Fpages\u002Fapi\u002F*.ts",{"type":49,"value":2379}," files manually per ",{"type":43,"tag":150,"props":2381,"children":2382},{"href":946},[2383],{"type":49,"value":949},{"type":49,"value":668},{"type":43,"tag":1520,"props":2386,"children":2388},{"id":2387},"step-4b-fill-in-business-logic",[2389],{"type":49,"value":2390},"Step 4b: Fill in business logic",{"type":43,"tag":52,"props":2392,"children":2393},{},[2394,2396,2402],{"type":49,"value":2395},"Open every path returned in ",{"type":43,"tag":69,"props":2397,"children":2399},{"className":2398},[],[2400],{"type":49,"value":2401},"newFiles",{"type":49,"value":2403}," and replace stubbed handler bodies \u002F UI \u002F queries with the user's actual logic, guided by the extension reference file's API and configuration sections.",{"type":43,"tag":101,"props":2405,"children":2406},{},[2407,2443],{"type":43,"tag":107,"props":2408,"children":2409},{},[2410,2412,2417,2419,2441],{"type":49,"value":2411},"⚠️ MANDATORY when using WDS: Invoke the ",{"type":43,"tag":69,"props":2413,"children":2415},{"className":2414},[],[2416],{"type":49,"value":281},{"type":49,"value":2418}," skill ",{"type":43,"tag":61,"props":2420,"children":2421},{},[2422,2424,2429,2430,2435,2436],{"type":49,"value":2423},"before editing your first ",{"type":43,"tag":69,"props":2425,"children":2427},{"className":2426},[],[2428],{"type":49,"value":289},{"type":49,"value":291},{"type":43,"tag":69,"props":2431,"children":2433},{"className":2432},[],[2434],{"type":49,"value":297},{"type":49,"value":299},{"type":43,"tag":69,"props":2437,"children":2439},{"className":2438},[],[2440],{"type":49,"value":305},{"type":49,"value":2442},". Do NOT invoke it preemptively for backend-only or data-only jobs — it adds large content to context that you won't use.",{"type":43,"tag":107,"props":2444,"children":2445},{},[2446,2448,2453,2455,2460,2462,2468,2470,2476,2478,2484],{"type":49,"value":2447},"⚠️ MANDATORY when using Data Collections: Use the EXACT collection ID from ",{"type":43,"tag":69,"props":2449,"children":2451},{"className":2450},[],[2452],{"type":49,"value":1587},{"type":49,"value":2454}," (case-sensitive). If ",{"type":43,"tag":69,"props":2456,"children":2458},{"className":2457},[],[2459],{"type":49,"value":1587},{"type":49,"value":2461}," is ",{"type":43,"tag":69,"props":2463,"children":2465},{"className":2464},[],[2466],{"type":49,"value":2467},"\"product-recommendations\"",{"type":49,"value":2469},", use ",{"type":43,"tag":69,"props":2471,"children":2473},{"className":2472},[],[2474],{"type":49,"value":2475},"\u003Capp-namespace>\u002Fproduct-recommendations",{"type":49,"value":2477}," NOT ",{"type":43,"tag":69,"props":2479,"children":2481},{"className":2480},[],[2482],{"type":49,"value":2483},"productRecommendations",{"type":49,"value":668},{"type":43,"tag":1520,"props":2486,"children":2488},{"id":2487},"step-5-run-validation",[2489],{"type":49,"value":2490},"Step 5: Run Validation",{"type":43,"tag":52,"props":2492,"children":2493},{},[2494,2496,2500],{"type":49,"value":2495},"After all implementation is complete, you MUST run validation. See ",{"type":43,"tag":150,"props":2497,"children":2498},{"href":1291},[2499],{"type":49,"value":1294},{"type":49,"value":2501}," for the complete validation workflow:",{"type":43,"tag":516,"props":2503,"children":2504},{},[2505,2510,2522,2534],{"type":43,"tag":107,"props":2506,"children":2507},{},[2508],{"type":49,"value":2509},"Package installation (detect package manager, run install)",{"type":43,"tag":107,"props":2511,"children":2512},{},[2513,2515,2521],{"type":49,"value":2514},"TypeScript compilation check (",{"type":43,"tag":69,"props":2516,"children":2518},{"className":2517},[],[2519],{"type":49,"value":2520},"npx tsc --noEmit",{"type":49,"value":157},{"type":43,"tag":107,"props":2523,"children":2524},{},[2525,2527,2533],{"type":49,"value":2526},"Build validation (",{"type":43,"tag":69,"props":2528,"children":2530},{"className":2529},[],[2531],{"type":49,"value":2532},"npx wix build",{"type":49,"value":157},{"type":43,"tag":107,"props":2535,"children":2536},{},[2537,2539,2545],{"type":49,"value":2538},"Preview deployment (",{"type":43,"tag":69,"props":2540,"children":2542},{"className":2541},[],[2543],{"type":49,"value":2544},"npx wix preview",{"type":49,"value":157},{"type":43,"tag":52,"props":2547,"children":2548},{},[2549],{"type":43,"tag":61,"props":2550,"children":2551},{},[2552],{"type":49,"value":2553},"Do NOT report completion to the user until validation passes.",{"type":43,"tag":52,"props":2555,"children":2556},{},[2557],{"type":49,"value":2558},"If validation fails, fix the errors and re-validate until it passes.",{"type":43,"tag":1520,"props":2560,"children":2562},{"id":2561},"step-6-report-completion",[2563],{"type":49,"value":2564},"Step 6: Report Completion",{"type":43,"tag":52,"props":2566,"children":2567},{},[2568,2570,2575],{"type":49,"value":2569},"Only after validation passes, provide a ",{"type":43,"tag":61,"props":2571,"children":2572},{},[2573],{"type":49,"value":2574},"concise summary section",{"type":49,"value":2576}," at the top of your response:",{"type":43,"tag":2578,"props":2579,"children":2584},"pre",{"className":2580,"code":2581,"language":2582,"meta":2583,"style":2583},"language-markdown shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","## ✅ Implementation Complete\n\n[1-2 sentence description of what was built]\n\n**Extensions Created:**\n- [Extension 1 Name] - [Brief purpose]\n- [Extension 2 Name] - [Brief purpose]\n\n**Build Status:**\n- ✅ Dependencies: [Installed \u002F status message]\n- ✅ TypeScript: [No compilation errors \u002F status]\n- ✅ Build: [Completed successfully \u002F status]\n- ✅\u002F⚠️ Preview: [Running at URL \u002F Failed - reason]\n\n**⚠️ IMPORTANT: [X] manual step(s) required to complete setup** (see \"Manual Steps Required\" section below)\n","markdown","",[2585],{"type":43,"tag":69,"props":2586,"children":2587},{"__ignoreMap":2583},[2588,2606,2615,2625,2633,2654,2668,2681,2689,2706,2719,2732,2745,2758,2766],{"type":43,"tag":2589,"props":2590,"children":2593},"span",{"class":2591,"line":2592},"line",1,[2594,2600],{"type":43,"tag":2589,"props":2595,"children":2597},{"style":2596},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[2598],{"type":49,"value":2599},"## ",{"type":43,"tag":2589,"props":2601,"children":2603},{"style":2602},"--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B",[2604],{"type":49,"value":2605},"✅ Implementation Complete\n",{"type":43,"tag":2589,"props":2607,"children":2609},{"class":2591,"line":2608},2,[2610],{"type":43,"tag":2589,"props":2611,"children":2612},{"emptyLinePlaceholder":115},[2613],{"type":49,"value":2614},"\n",{"type":43,"tag":2589,"props":2616,"children":2618},{"class":2591,"line":2617},3,[2619],{"type":43,"tag":2589,"props":2620,"children":2622},{"style":2621},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[2623],{"type":49,"value":2624},"[1-2 sentence description of what was built]\n",{"type":43,"tag":2589,"props":2626,"children":2628},{"class":2591,"line":2627},4,[2629],{"type":43,"tag":2589,"props":2630,"children":2631},{"emptyLinePlaceholder":115},[2632],{"type":49,"value":2614},{"type":43,"tag":2589,"props":2634,"children":2636},{"class":2591,"line":2635},5,[2637,2643,2649],{"type":43,"tag":2589,"props":2638,"children":2640},{"style":2639},"--shiki-light:#39ADB5;--shiki-light-font-weight:bold;--shiki-default:#89DDFF;--shiki-default-font-weight:bold;--shiki-dark:#89DDFF;--shiki-dark-font-weight:bold",[2641],{"type":49,"value":2642},"**",{"type":43,"tag":2589,"props":2644,"children":2646},{"style":2645},"--shiki-light:#E53935;--shiki-light-font-weight:bold;--shiki-default:#F07178;--shiki-default-font-weight:bold;--shiki-dark:#F07178;--shiki-dark-font-weight:bold",[2647],{"type":49,"value":2648},"Extensions Created:",{"type":43,"tag":2589,"props":2650,"children":2651},{"style":2639},[2652],{"type":49,"value":2653},"**\n",{"type":43,"tag":2589,"props":2655,"children":2657},{"class":2591,"line":2656},6,[2658,2663],{"type":43,"tag":2589,"props":2659,"children":2660},{"style":2596},[2661],{"type":49,"value":2662},"-",{"type":43,"tag":2589,"props":2664,"children":2665},{"style":2621},[2666],{"type":49,"value":2667}," [Extension 1 Name] - [Brief purpose]\n",{"type":43,"tag":2589,"props":2669,"children":2671},{"class":2591,"line":2670},7,[2672,2676],{"type":43,"tag":2589,"props":2673,"children":2674},{"style":2596},[2675],{"type":49,"value":2662},{"type":43,"tag":2589,"props":2677,"children":2678},{"style":2621},[2679],{"type":49,"value":2680}," [Extension 2 Name] - [Brief purpose]\n",{"type":43,"tag":2589,"props":2682,"children":2684},{"class":2591,"line":2683},8,[2685],{"type":43,"tag":2589,"props":2686,"children":2687},{"emptyLinePlaceholder":115},[2688],{"type":49,"value":2614},{"type":43,"tag":2589,"props":2690,"children":2692},{"class":2591,"line":2691},9,[2693,2697,2702],{"type":43,"tag":2589,"props":2694,"children":2695},{"style":2639},[2696],{"type":49,"value":2642},{"type":43,"tag":2589,"props":2698,"children":2699},{"style":2645},[2700],{"type":49,"value":2701},"Build Status:",{"type":43,"tag":2589,"props":2703,"children":2704},{"style":2639},[2705],{"type":49,"value":2653},{"type":43,"tag":2589,"props":2707,"children":2709},{"class":2591,"line":2708},10,[2710,2714],{"type":43,"tag":2589,"props":2711,"children":2712},{"style":2596},[2713],{"type":49,"value":2662},{"type":43,"tag":2589,"props":2715,"children":2716},{"style":2621},[2717],{"type":49,"value":2718}," ✅ Dependencies: [Installed \u002F status message]\n",{"type":43,"tag":2589,"props":2720,"children":2722},{"class":2591,"line":2721},11,[2723,2727],{"type":43,"tag":2589,"props":2724,"children":2725},{"style":2596},[2726],{"type":49,"value":2662},{"type":43,"tag":2589,"props":2728,"children":2729},{"style":2621},[2730],{"type":49,"value":2731}," ✅ TypeScript: [No compilation errors \u002F status]\n",{"type":43,"tag":2589,"props":2733,"children":2735},{"class":2591,"line":2734},12,[2736,2740],{"type":43,"tag":2589,"props":2737,"children":2738},{"style":2596},[2739],{"type":49,"value":2662},{"type":43,"tag":2589,"props":2741,"children":2742},{"style":2621},[2743],{"type":49,"value":2744}," ✅ Build: [Completed successfully \u002F status]\n",{"type":43,"tag":2589,"props":2746,"children":2748},{"class":2591,"line":2747},13,[2749,2753],{"type":43,"tag":2589,"props":2750,"children":2751},{"style":2596},[2752],{"type":49,"value":2662},{"type":43,"tag":2589,"props":2754,"children":2755},{"style":2621},[2756],{"type":49,"value":2757}," ✅\u002F⚠️ Preview: [Running at URL \u002F Failed - reason]\n",{"type":43,"tag":2589,"props":2759,"children":2761},{"class":2591,"line":2760},14,[2762],{"type":43,"tag":2589,"props":2763,"children":2764},{"emptyLinePlaceholder":115},[2765],{"type":49,"value":2614},{"type":43,"tag":2589,"props":2767,"children":2769},{"class":2591,"line":2768},15,[2770,2774,2779,2784,2790,2795,2800,2804],{"type":43,"tag":2589,"props":2771,"children":2772},{"style":2639},[2773],{"type":49,"value":2642},{"type":43,"tag":2589,"props":2775,"children":2776},{"style":2645},[2777],{"type":49,"value":2778},"⚠️ IMPORTANT: ",{"type":43,"tag":2589,"props":2780,"children":2781},{"style":2639},[2782],{"type":49,"value":2783},"[",{"type":43,"tag":2589,"props":2785,"children":2787},{"style":2786},"--shiki-light:#91B859;--shiki-light-font-weight:bold;--shiki-default:#C3E88D;--shiki-default-font-weight:bold;--shiki-dark:#C3E88D;--shiki-dark-font-weight:bold",[2788],{"type":49,"value":2789},"X",{"type":43,"tag":2589,"props":2791,"children":2792},{"style":2639},[2793],{"type":49,"value":2794},"]",{"type":43,"tag":2589,"props":2796,"children":2797},{"style":2645},[2798],{"type":49,"value":2799}," manual step(s) required to complete setup",{"type":43,"tag":2589,"props":2801,"children":2802},{"style":2639},[2803],{"type":49,"value":2642},{"type":43,"tag":2589,"props":2805,"children":2806},{"style":2621},[2807],{"type":49,"value":2808}," (see \"Manual Steps Required\" section below)\n",{"type":43,"tag":101,"props":2810,"children":2811},{},[2812],{"type":43,"tag":107,"props":2813,"children":2814},{},[2815],{"type":49,"value":2816},"If there are NO manual steps, state: \"✅ No manual steps required — you're ready to go!\"",{"type":43,"tag":1520,"props":2818,"children":2820},{"id":2819},"step-7-surface-manual-action-items",[2821],{"type":49,"value":2822},"Step 7: Surface Manual Action Items",{"type":43,"tag":52,"props":2824,"children":2825},{},[2826],{"type":49,"value":2827},"Present any manual steps the user must perform (e.g., configuring settings in the Wix dashboard, enabling permissions, setting up external services).",{"type":43,"tag":52,"props":2829,"children":2830},{},[2831],{"type":43,"tag":61,"props":2832,"children":2833},{},[2834],{"type":49,"value":2835},"Format:",{"type":43,"tag":2578,"props":2837,"children":2839},{"className":2580,"code":2838,"language":2582,"meta":2583,"style":2583},"## 🔧 Manual Steps Required\n\nThe following actions need to be done manually by you:\n\n### 1. [Action Category\u002FTitle]\n[Detailed description with specific instructions]\n\n### 2. [Action Category\u002FTitle]\n[Detailed description]\n",[2840],{"type":43,"tag":69,"props":2841,"children":2842},{"__ignoreMap":2583},[2843,2855,2862,2870,2877,2890,2898,2905,2917],{"type":43,"tag":2589,"props":2844,"children":2845},{"class":2591,"line":2592},[2846,2850],{"type":43,"tag":2589,"props":2847,"children":2848},{"style":2596},[2849],{"type":49,"value":2599},{"type":43,"tag":2589,"props":2851,"children":2852},{"style":2602},[2853],{"type":49,"value":2854},"🔧 Manual Steps Required\n",{"type":43,"tag":2589,"props":2856,"children":2857},{"class":2591,"line":2608},[2858],{"type":43,"tag":2589,"props":2859,"children":2860},{"emptyLinePlaceholder":115},[2861],{"type":49,"value":2614},{"type":43,"tag":2589,"props":2863,"children":2864},{"class":2591,"line":2617},[2865],{"type":43,"tag":2589,"props":2866,"children":2867},{"style":2621},[2868],{"type":49,"value":2869},"The following actions need to be done manually by you:\n",{"type":43,"tag":2589,"props":2871,"children":2872},{"class":2591,"line":2627},[2873],{"type":43,"tag":2589,"props":2874,"children":2875},{"emptyLinePlaceholder":115},[2876],{"type":49,"value":2614},{"type":43,"tag":2589,"props":2878,"children":2879},{"class":2591,"line":2635},[2880,2885],{"type":43,"tag":2589,"props":2881,"children":2882},{"style":2596},[2883],{"type":49,"value":2884},"### ",{"type":43,"tag":2589,"props":2886,"children":2887},{"style":2602},[2888],{"type":49,"value":2889},"1. [Action Category\u002FTitle]\n",{"type":43,"tag":2589,"props":2891,"children":2892},{"class":2591,"line":2656},[2893],{"type":43,"tag":2589,"props":2894,"children":2895},{"style":2621},[2896],{"type":49,"value":2897},"[Detailed description with specific instructions]\n",{"type":43,"tag":2589,"props":2899,"children":2900},{"class":2591,"line":2670},[2901],{"type":43,"tag":2589,"props":2902,"children":2903},{"emptyLinePlaceholder":115},[2904],{"type":49,"value":2614},{"type":43,"tag":2589,"props":2906,"children":2907},{"class":2591,"line":2683},[2908,2912],{"type":43,"tag":2589,"props":2909,"children":2910},{"style":2596},[2911],{"type":49,"value":2884},{"type":43,"tag":2589,"props":2913,"children":2914},{"style":2602},[2915],{"type":49,"value":2916},"2. [Action Category\u002FTitle]\n",{"type":43,"tag":2589,"props":2918,"children":2919},{"class":2591,"line":2691},[2920],{"type":43,"tag":2589,"props":2921,"children":2922},{"style":2621},[2923],{"type":49,"value":2924},"[Detailed description]\n",{"type":43,"tag":397,"props":2926,"children":2927},{},[],{"type":43,"tag":86,"props":2929,"children":2931},{"id":2930},"extension-registration",[2932],{"type":49,"value":1268},{"type":43,"tag":52,"props":2934,"children":2935},{},[2936,2941,2943,2948,2950,2955,2957,2961],{"type":43,"tag":69,"props":2937,"children":2939},{"className":2938},[],[2940],{"type":49,"value":82},{"type":49,"value":2942}," updates ",{"type":43,"tag":69,"props":2944,"children":2946},{"className":2945},[],[2947],{"type":49,"value":74},{"type":49,"value":2949}," automatically for every CLI-supported extension type. The only case that still requires manual editing is Backend API. For background, troubleshooting, and the manual recovery pattern when ",{"type":43,"tag":69,"props":2951,"children":2953},{"className":2952},[],[2954],{"type":49,"value":74},{"type":49,"value":2956}," drifts, see ",{"type":43,"tag":150,"props":2958,"children":2959},{"href":1274},[2960],{"type":49,"value":1277},{"type":49,"value":668},{"type":43,"tag":397,"props":2963,"children":2964},{},[],{"type":43,"tag":86,"props":2966,"children":2968},{"id":2967},"validation",[2969],{"type":49,"value":328},{"type":43,"tag":52,"props":2971,"children":2972},{},[2973,2975,2979],{"type":49,"value":2974},"Execute these steps sequentially after all implementation is complete. See ",{"type":43,"tag":150,"props":2976,"children":2977},{"href":1291},[2978],{"type":49,"value":1294},{"type":49,"value":2980}," for the complete guide.",{"type":43,"tag":516,"props":2982,"children":2983},{},[2984,2994,3009,3023],{"type":43,"tag":107,"props":2985,"children":2986},{},[2987,2992],{"type":43,"tag":61,"props":2988,"children":2989},{},[2990],{"type":49,"value":2991},"Package Installation",{"type":49,"value":2993}," — Detect package manager, run install",{"type":43,"tag":107,"props":2995,"children":2996},{},[2997,3002,3004],{"type":43,"tag":61,"props":2998,"children":2999},{},[3000],{"type":49,"value":3001},"TypeScript Compilation",{"type":49,"value":3003}," — ",{"type":43,"tag":69,"props":3005,"children":3007},{"className":3006},[],[3008],{"type":49,"value":2520},{"type":43,"tag":107,"props":3010,"children":3011},{},[3012,3017,3018],{"type":43,"tag":61,"props":3013,"children":3014},{},[3015],{"type":49,"value":3016},"Build",{"type":49,"value":3003},{"type":43,"tag":69,"props":3019,"children":3021},{"className":3020},[],[3022],{"type":49,"value":2532},{"type":43,"tag":107,"props":3024,"children":3025},{},[3026,3031,3032],{"type":43,"tag":61,"props":3027,"children":3028},{},[3029],{"type":49,"value":3030},"Preview",{"type":49,"value":3003},{"type":43,"tag":69,"props":3033,"children":3035},{"className":3034},[],[3036],{"type":49,"value":2544},{"type":43,"tag":52,"props":3038,"children":3039},{},[3040,3042,3048],{"type":49,"value":3041},"Stop and report errors if any step fails. Check ",{"type":43,"tag":69,"props":3043,"children":3045},{"className":3044},[],[3046],{"type":49,"value":3047},".wix\u002Fdebug.log",{"type":49,"value":3049}," on failures.",{"type":43,"tag":397,"props":3051,"children":3052},{},[],{"type":43,"tag":86,"props":3054,"children":3056},{"id":3055},"cost-optimization",[3057],{"type":49,"value":3058},"Cost Optimization",{"type":43,"tag":101,"props":3060,"children":3061},{},[3062,3072,3095,3105,3115,3125,3135,3150],{"type":43,"tag":107,"props":3063,"children":3064},{},[3065,3070],{"type":43,"tag":61,"props":3066,"children":3067},{},[3068],{"type":49,"value":3069},"Let the CLI scaffold",{"type":49,"value":3071}," — don't burn tokens describing folder layouts or builder boilerplate",{"type":43,"tag":107,"props":3073,"children":3074},{},[3075,3086,3088,3093],{"type":43,"tag":61,"props":3076,"children":3077},{},[3078,3080],{"type":49,"value":3079},"Only run ",{"type":43,"tag":69,"props":3081,"children":3083},{"className":3082},[],[3084],{"type":49,"value":3085},"wix schema generate --type \u003CextensionType>",{"type":49,"value":3087}," when ",{"type":43,"tag":69,"props":3089,"children":3091},{"className":3090},[],[3092],{"type":49,"value":82},{"type":49,"value":3094}," fails — don't pre-fetch it",{"type":43,"tag":107,"props":3096,"children":3097},{},[3098,3103],{"type":43,"tag":61,"props":3099,"children":3100},{},[3101],{"type":49,"value":3102},"Read extension reference first",{"type":49,"value":3104}," — always read the relevant extension reference file before implementing",{"type":43,"tag":107,"props":3106,"children":3107},{},[3108,3113],{"type":43,"tag":61,"props":3109,"children":3110},{},[3111],{"type":49,"value":3112},"Check API references first",{"type":49,"value":3114}," — read relevant API reference files before using MCP discovery",{"type":43,"tag":107,"props":3116,"children":3117},{},[3118,3123],{"type":43,"tag":61,"props":3119,"children":3120},{},[3121],{"type":49,"value":3122},"Skip discovery",{"type":49,"value":3124}," when all required APIs are in reference files",{"type":43,"tag":107,"props":3126,"children":3127},{},[3128,3133],{"type":43,"tag":61,"props":3129,"children":3130},{},[3131],{"type":49,"value":3132},"maxResults: 5",{"type":49,"value":3134}," for all MCP SDK searches",{"type":43,"tag":107,"props":3136,"children":3137},{},[3138,3142,3144,3148],{"type":43,"tag":61,"props":3139,"children":3140},{},[3141],{"type":49,"value":2241},{"type":49,"value":3143}," for SDK method schemas; ",{"type":43,"tag":61,"props":3145,"children":3146},{},[3147],{"type":49,"value":2252},{"type":49,"value":3149}," for prose guides only",{"type":43,"tag":107,"props":3151,"children":3152},{},[3153,3158],{"type":43,"tag":61,"props":3154,"children":3155},{},[3156],{"type":49,"value":3157},"Invoke wix-design-system",{"type":49,"value":3159}," first when using WDS (prevents import errors)",{"type":43,"tag":86,"props":3161,"children":3163},{"id":3162},"documentation",[3164],{"type":49,"value":3165},"Documentation",{"type":43,"tag":52,"props":3167,"children":3168},{},[3169,3171,3175],{"type":49,"value":3170},"For links to official Wix CLI documentation for all extension types, see ",{"type":43,"tag":150,"props":3172,"children":3173},{"href":1359},[3174],{"type":49,"value":1362},{"type":49,"value":668},{"type":43,"tag":3177,"props":3178,"children":3179},"style",{},[3180],{"type":49,"value":3181},"html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"items":3183,"total":3298},[3184,3202,3218,3230,3250,3268,3286],{"slug":3185,"name":3185,"fn":3186,"description":3187,"org":3188,"tags":3189,"stars":25,"repoUrl":26,"updatedAt":27},"accessibility-and-inclusive-visualization","make data visualizations accessible","Make data visualizations accessible and inclusive. Use when the user needs chart or diagram accessibility guidance, text alternatives for complex visuals, color and contrast review, keyboard support, reduced-motion behavior for animation or parallax, or an accessibility QA workflow for exported figures, UML-like diagrams, and dashboards.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[3190,3193,3196,3199],{"name":3191,"slug":3192,"type":15},"Accessibility","accessibility",{"name":3194,"slug":3195,"type":15},"Charts","charts",{"name":3197,"slug":3198,"type":15},"Data Visualization","data-visualization",{"name":3200,"slug":3201,"type":15},"Design","design",{"slug":3203,"name":3203,"fn":3204,"description":3205,"org":3206,"tags":3207,"stars":25,"repoUrl":26,"updatedAt":3217},"agent-browser","automate browser interactions for agents","Browser automation CLI for AI agents. Use when the user needs to interact with websites, verify dev server output, test web apps, navigate pages, fill forms, click buttons, take screenshots, extract data, or automate any browser task. Also triggers when a dev server starts so you can verify it visually.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[3208,3211,3214],{"name":3209,"slug":3210,"type":15},"Agents","agents",{"name":3212,"slug":3213,"type":15},"Browser Automation","browser-automation",{"name":3215,"slug":3216,"type":15},"Testing","testing","2026-04-06T18:41:03.44016",{"slug":3219,"name":3219,"fn":3220,"description":3221,"org":3222,"tags":3223,"stars":25,"repoUrl":26,"updatedAt":3229},"agent-browser-verify","verify dev server output with automated browser","Automated browser verification for dev servers. Triggers when a dev server starts to run a visual gut-check with agent-browser — verifies the page loads, checks for console errors, validates key UI elements, and reports pass\u002Ffail before continuing.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[3224,3225,3228],{"name":3212,"slug":3213,"type":15},{"name":3226,"slug":3227,"type":15},"Local Development","local-development",{"name":3215,"slug":3216,"type":15},"2026-04-06T18:41:17.526867",{"slug":3231,"name":3231,"fn":3232,"description":3233,"org":3234,"tags":3235,"stars":25,"repoUrl":26,"updatedAt":3249},"agents-sdk","build AI agents on Cloudflare Workers","Build AI agents on Cloudflare Workers using the Agents SDK. Load when creating stateful agents, durable workflows, real-time WebSocket apps, scheduled tasks, MCP servers, or chat applications. Covers Agent class, state management, callable RPC, Workflows integration, and React hooks. Biases towards retrieval from Cloudflare docs over pre-trained knowledge.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[3236,3237,3240,3243,3246],{"name":3209,"slug":3210,"type":15},{"name":3238,"slug":3239,"type":15},"Cloudflare Workers","cloudflare-workers",{"name":3241,"slug":3242,"type":15},"SDK","sdk",{"name":3244,"slug":3245,"type":15},"Serverless","serverless",{"name":3247,"slug":3248,"type":15},"WebSockets","websockets","2026-04-06T18:39:51.717063",{"slug":3251,"name":3251,"fn":3252,"description":3253,"org":3254,"tags":3255,"stars":25,"repoUrl":26,"updatedAt":3267},"ai-elements","build chat UIs with AI Elements","AI Elements component library guidance — pre-built React components for AI interfaces built on shadcn\u002Fui. Use when building chat UIs, message displays, tool call rendering, streaming responses, reasoning panels, or any AI-native interface with the AI SDK.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[3256,3257,3260,3263,3264],{"name":23,"slug":24,"type":15},{"name":3258,"slug":3259,"type":15},"React","react",{"name":3261,"slug":3262,"type":15},"shadcn\u002Fui","shadcn-ui",{"name":20,"slug":21,"type":15},{"name":3265,"slug":3266,"type":15},"Vercel","vercel","2026-04-06T18:40:59.619419",{"slug":3269,"name":3269,"fn":3270,"description":3271,"org":3272,"tags":3273,"stars":25,"repoUrl":26,"updatedAt":3285},"ai-gateway","configure Vercel AI Gateway","Vercel AI Gateway expert guidance. Use when configuring model routing, provider failover, cost tracking, or managing multiple AI providers through a unified API.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[3274,3277,3278,3281,3284],{"name":3275,"slug":3276,"type":15},"AI Infrastructure","ai-infrastructure",{"name":3058,"slug":3055,"type":15},{"name":3279,"slug":3280,"type":15},"LLM","llm",{"name":3282,"slug":3283,"type":15},"Performance","performance",{"name":3265,"slug":3266,"type":15},"2026-04-06T18:40:44.377464",{"slug":3287,"name":3287,"fn":3288,"description":3289,"org":3290,"tags":3291,"stars":25,"repoUrl":26,"updatedAt":3297},"ai-generation-persistence","implement persistence patterns for AI generations","AI generation persistence patterns — unique IDs, addressable URLs, database storage, and cost tracking for every LLM generation",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[3292,3293,3296],{"name":3058,"slug":3055,"type":15},{"name":3294,"slug":3295,"type":15},"Database","database",{"name":3279,"slug":3280,"type":15},"2026-04-06T18:41:08.513425",600,{"items":3300,"total":3493},[3301,3322,3345,3362,3376,3393,3412,3424,3438,3450,3462,3477],{"slug":3302,"name":3302,"fn":3303,"description":3304,"org":3305,"tags":3306,"stars":3319,"repoUrl":3320,"updatedAt":3321},"prior-auth-packet-builder","build healthcare prior authorization packets","Build a concise prior authorization packet from local case files and payer policy docs.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[3307,3310,3313,3316],{"name":3308,"slug":3309,"type":15},"Documents","documents",{"name":3311,"slug":3312,"type":15},"Healthcare","healthcare",{"name":3314,"slug":3315,"type":15},"Insurance","insurance",{"name":3317,"slug":3318,"type":15},"Regulatory Compliance","regulatory-compliance",28169,"https:\u002F\u002Fgithub.com\u002Fopenai\u002Fopenai-agents-python","2026-04-16T05:11:39.180399",{"slug":3323,"name":3323,"fn":3324,"description":3325,"org":3326,"tags":3327,"stars":3342,"repoUrl":3343,"updatedAt":3344},"aspnet-core","build ASP.NET Core web applications","Build, review, refactor, or architect ASP.NET Core web applications using current official guidance for .NET web development. Use when working on Blazor Web Apps, Razor Pages, MVC, Minimal APIs, controller-based Web APIs, SignalR, gRPC, middleware, dependency injection, configuration, authentication, authorization, testing, performance, deployment, or ASP.NET Core upgrades.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[3328,3331,3333,3336,3339],{"name":3329,"slug":3330,"type":15},".NET","dotnet",{"name":3332,"slug":3323,"type":15},"ASP.NET Core",{"name":3334,"slug":3335,"type":15},"Blazor","blazor",{"name":3337,"slug":3338,"type":15},"C#","csharp",{"name":3340,"slug":3341,"type":15},"Web Development","web-development",23787,"https:\u002F\u002Fgithub.com\u002Fopenai\u002Fskills","2026-04-12T05:07:02.819491",{"slug":3346,"name":3346,"fn":3347,"description":3348,"org":3349,"tags":3350,"stars":3342,"repoUrl":3343,"updatedAt":3361},"chatgpt-apps","build ChatGPT Apps SDK applications","Build, scaffold, refactor, and troubleshoot ChatGPT Apps SDK applications that combine an MCP server and widget UI. Use when Codex needs to design tools, register UI resources, wire the MCP Apps bridge or ChatGPT compatibility APIs, apply Apps SDK metadata or CSP or domain settings, or produce a docs-aligned project scaffold. Prefer a docs-first workflow by invoking the openai-docs skill or OpenAI developer docs MCP tools before generating code.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[3351,3354,3357,3360],{"name":3352,"slug":3353,"type":15},"Apps SDK","apps-sdk",{"name":3355,"slug":3356,"type":15},"ChatGPT","chatgpt",{"name":3358,"slug":3359,"type":15},"MCP","mcp",{"name":9,"slug":8,"type":15},"2026-04-12T05:07:05.468097",{"slug":3363,"name":3363,"fn":3364,"description":3365,"org":3366,"tags":3367,"stars":3342,"repoUrl":3343,"updatedAt":3375},"cli-creator","build CLIs from API docs","Build a composable CLI for Codex from API docs, an OpenAPI spec, existing curl examples, an SDK, a web app, an admin tool, or a local script. Use when the user wants Codex to create a command-line tool that can run from any repo, expose composable read\u002Fwrite commands, return stable JSON, manage auth, and pair with a companion skill.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[3368,3369,3372],{"name":17,"slug":18,"type":15},{"name":3370,"slug":3371,"type":15},"CLI","cli",{"name":3373,"slug":3374,"type":15},"Codex","codex","2026-04-12T05:07:04.132762",{"slug":3377,"name":3377,"fn":3378,"description":3379,"org":3380,"tags":3381,"stars":3342,"repoUrl":3343,"updatedAt":3392},"cloudflare-deploy","deploy projects to Cloudflare","Deploy applications and infrastructure to Cloudflare using Workers, Pages, and related platform services. Use when the user asks to deploy, host, publish, or set up a project on Cloudflare.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[3382,3385,3388,3389],{"name":3383,"slug":3384,"type":15},"Cloudflare","cloudflare",{"name":3386,"slug":3387,"type":15},"Cloudflare Pages","cloudflare-pages",{"name":3238,"slug":3239,"type":15},{"name":3390,"slug":3391,"type":15},"Deployment","deployment","2026-04-12T05:07:14.275118",{"slug":3394,"name":3394,"fn":3395,"description":3396,"org":3397,"tags":3398,"stars":3342,"repoUrl":3343,"updatedAt":3411},"define-goal","define and set measurable project goals","Help the user define a concrete, measurable goal before starting work, especially when they ask to use the goal tool, create a goal, set an objective, clarify success criteria, or turn a fuzzy intention into a quantitative outcome. Use this skill for goal creation and goal refinement only; it does not manage durable snapshots, decision logs, or long-running execution artifacts.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[3399,3402,3405,3408],{"name":3400,"slug":3401,"type":15},"Productivity","productivity",{"name":3403,"slug":3404,"type":15},"Project Management","project-management",{"name":3406,"slug":3407,"type":15},"Strategy","strategy",{"name":3409,"slug":3410,"type":15},"Task Management","task-management","2026-05-23T06:17:16.870838",{"slug":3413,"name":3413,"fn":3414,"description":3415,"org":3416,"tags":3417,"stars":3342,"repoUrl":3343,"updatedAt":3423},"figma","translate Figma designs into code","Use the Figma MCP server to fetch design context, screenshots, variables, and assets from Figma, and to translate Figma nodes into production code. Trigger when a task involves Figma URLs, node IDs, design-to-code implementation, or Figma MCP setup and troubleshooting.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[3418,3419,3421,3422],{"name":3200,"slug":3201,"type":15},{"name":3420,"slug":3413,"type":15},"Figma",{"name":23,"slug":24,"type":15},{"name":3358,"slug":3359,"type":15},"2026-04-12T05:06:47.939943",{"slug":3425,"name":3425,"fn":3426,"description":3427,"org":3428,"tags":3429,"stars":3342,"repoUrl":3343,"updatedAt":3437},"figma-code-connect-components","connect Figma designs to code components","Connects Figma design components to code components using Code Connect mapping tools. Use when user says \"code connect\", \"connect this component to code\", \"map this component\", \"link component to code\", \"create code connect mapping\", or wants to establish mappings between Figma designs and code implementations. For canvas writes via `use_figma`, use `figma-use`.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[3430,3431,3434,3435,3436],{"name":3200,"slug":3201,"type":15},{"name":3432,"slug":3433,"type":15},"Design System","design-system",{"name":3420,"slug":3413,"type":15},{"name":23,"slug":24,"type":15},{"name":20,"slug":21,"type":15},"2026-05-10T05:59:52.971881",{"slug":3439,"name":3439,"fn":3440,"description":3441,"org":3442,"tags":3443,"stars":3342,"repoUrl":3343,"updatedAt":3449},"figma-create-design-system-rules","generate design system rules from Figma","Generates custom design system rules for the user's codebase. Use when user says \"create design system rules\", \"generate rules for my project\", \"set up design rules\", \"customize design system guidelines\", or wants to establish project-specific conventions for Figma-to-code workflows. Requires Figma MCP server connection.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[3444,3445,3446,3447,3448],{"name":3200,"slug":3201,"type":15},{"name":3432,"slug":3433,"type":15},{"name":3165,"slug":3162,"type":15},{"name":3420,"slug":3413,"type":15},{"name":23,"slug":24,"type":15},"2026-05-16T06:07:47.821474",{"slug":3451,"name":3451,"fn":3452,"description":3453,"org":3454,"tags":3455,"stars":3342,"repoUrl":3343,"updatedAt":3461},"figma-implement-design","translate Figma designs into application code","Translates Figma designs into production-ready application code with 1:1 visual fidelity. Use when implementing UI code from Figma files, when user mentions \"implement design\", \"generate code\", \"implement component\", provides Figma URLs, or asks to build components matching Figma specs. For Figma canvas writes via `use_figma`, use `figma-use`.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[3456,3457,3458,3459,3460],{"name":3200,"slug":3201,"type":15},{"name":3420,"slug":3413,"type":15},{"name":23,"slug":24,"type":15},{"name":20,"slug":21,"type":15},{"name":3340,"slug":3341,"type":15},"2026-05-16T06:07:40.583615",{"slug":3463,"name":3463,"fn":3464,"description":3465,"org":3466,"tags":3467,"stars":3342,"repoUrl":3343,"updatedAt":3476},"hatch-pet","create animated pets for Codex","Create, repair, validate, visually QA, and package Codex-compatible animated pets and pet spritesheets from character art, generated images, company or prospect brand cues, or visual references. Use when a user wants a lightweight-worker Codex pet workflow, a non-pixel custom pet style, a prospect or company mascot pet, or a full 8x9 animated pet atlas with transparent unused cells, QA contact sheets, and pet.json packaging. This skill composes the installed $imagegen system skill for visual generation and uses bundled scripts for deterministic spritesheet assembly.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[3468,3471,3472,3475],{"name":3469,"slug":3470,"type":15},"Animation","animation",{"name":3373,"slug":3374,"type":15},{"name":3473,"slug":3474,"type":15},"Creative","creative",{"name":3200,"slug":3201,"type":15},"2026-05-02T05:31:48.48485",{"slug":3478,"name":3478,"fn":3479,"description":3480,"org":3481,"tags":3482,"stars":3342,"repoUrl":3343,"updatedAt":3492},"imagegen","generate and edit raster images","Generate or edit raster images when the task benefits from AI-created bitmap visuals such as photos, illustrations, textures, sprites, mockups, or transparent-background cutouts. Use when Codex should create a brand-new image, transform an existing image, or derive visual variants from references, and the output should be a bitmap asset rather than repo-native code or vector. Do not use when the task is better handled by editing existing SVG\u002Fvector\u002Fcode-native assets, extending an established icon or logo system, or building the visual directly in HTML\u002FCSS\u002Fcanvas.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[3483,3484,3485,3488,3491],{"name":3473,"slug":3474,"type":15},{"name":3200,"slug":3201,"type":15},{"name":3486,"slug":3487,"type":15},"Image Generation","image-generation",{"name":3489,"slug":3490,"type":15},"Images","images",{"name":9,"slug":8,"type":15},"2026-05-15T06:23:24.312127",675]