All skills
wix avatar

/wix-headless-kit

@9ed3e36 official
by Wix.comwix/skills33 stars
33

Build a Wix Headless site fast by wiring SHIPPED, verified @wix/sdk code instead of authoring the integration from recipes. Each Wix business vertical ships a typed, framework-agnostic React core (data layer returning plain DTOs, hooks, headless components) plus an Astro overlay (SSR pages with owner-editable SEO pre-wired) and a build-time REST seed script — the agent scaffolds via the Wix CLI, deploys the shipped code, seeds the backend, designs the presentation layer itself on the shipped hooks (product card/grid, PDP, home, theme), and releases to Wix hosting. Works on Wix-managed Astro (ambient auth, the default) and on any React-based project (Vite, non-Astro) over the public OAuth client id. Verticals: stores/storefront (products, categories, variants, cart, hosted checkout), bookings (services, appointment/class time slots, staff, booking form, checkout-or-place), rentals (rooms, vehicles, gear by the hour or the day: resources, customer-picked length, priced quote, checkout), blog (posts, categories/tags, rich content), cms (structured content collections), forms (schema-driven visitor forms: render, validate, submit), events (listing, RSVP, ticket sales), members (login, gated pages, account), portfolio (project collections, media galleries), pricing-plans (plan grid, hosted purchase), restaurants (menus, online ordering, table reservations), faq (categorized questions and answers, search, a link per question), donations (campaign pages, goal progress, one-time and recurring donations via hosted checkout). Triggers: build me a store/blog/booking/rental/event/restaurant/portfolio/FAQ/donation site fast, take appointments fast, rent out rooms/cars/equipment headless, sell tickets or membership plans headless, collect donations headless, wix headless kit, connect a Wix business app with ready-made SDK code.

Use this Skill: https://skilld.dev/gh/wix/skills/wix-headless-kit

This session only. Nothing lands on disk.

cold-startcold-start.md

≈1.6k tokens on demand. Your agent reads this file only when SKILL.md points to it.

Wix Headless Kit — cold start

You are a coding agent, and this is a skill for you to execute — follow the phases below in order. Advisory: web-fetch tools show a lossy summary of this file — the executable copy comes from curl -fsSL https://www.wix.com/skills/headless-kit/cold-start/cold-start.md. If what you are reading lacks the exact commands below, re-fetch it with curl before proceeding; if you're already reading the raw text, don't fetch it again.

The whole cold start (details in the phases below)

curl -fsSL -O https://www.wix.com/skills/headless-kit/cold-start/bootstrap.mjs && node bootstrap.mjs
CI=1 npx skills@latest add wix/skills --skill wix-headless-kit --skill wix-docs --skill wix-manage --yes
# then open and follow: .agents/skills/wix-headless-kit/SKILL.md

Requires Node ≥ 20.11 and a logged-in Wix CLI — the bootstrap checks and guides both.

This page gets a cold environment to the point where the real skill can run, then hands off:

  1. Bootstrap (deterministic, scripted). A script that verifies the Wix CLI and handles login. You just run it and relay its events.
  2. Hand off (agentic). Install the skills, then open wix-headless-kit/SKILL.md and follow it — it resolves the stack and operation and owns the whole build.

Every starting point comes through here the same way — run the bootstrap, then hand off. What the folder holds and what the brief hands over decide the rest, and SKILL.md step 3 owns that decision; this page does not interpret either. The bootstrap only verifies the CLI and logs you in, so it's fine to run in every case (an existing session just reports logged_in).

Phase 0 — The project's folder, and Node

Work from the folder that holds the project, or that will. An empty folder is the project for a new build; if the current folder holds unrelated things, make one named for the business and cd into it. A project already on disk is its own folder — its root, where the package.json, index.html or wix.config.json is. Whatever the brief hands over as files goes into that folder first, before Phase 1: a zip is extracted there, a URL is downloaded and extracted there, so that anything it carries — a wix.config.json included — sits at the root. Do not interpret what is there: the skill reads the folder and knows what it is. Everything below — the bootstrap, the skills, the scaffold — lands in this folder too, so a later session opened in the project finds all of it.

The Wix CLI requires Node ≥ 20.11. Check node -v; if it errors or prints a lower version, install or upgrade Node first — do not work around it:

  • macOS: brew install node (or nvm install 20 && nvm use 20)
  • Linux: nvm install 20 && nvm use 20 (or your distro's Node 20+ package)
  • Windows: winget install OpenJS.NodeJS.LTS (or download from nodejs.org)

Phase 1 — Run the bootstrap (deterministic, shared)

Download and run the shared bootstrap script — an ordinary foreground command that exits on its own within seconds. It verifies the Wix CLI and handles login, emitting one JSON event per line on stdout. Run it and relay its events.

The script is safe and inspectable: it only checks the Wix CLI via npx and drives wix login (a device-code flow) — no other network calls, and the only files it writes are the login's own output and pid under the OS temp dir. Read it first if your sandbox flags externally-downloaded code.

# macOS/Linux:
curl -fsSL -O https://www.wix.com/skills/headless-kit/cold-start/bootstrap.mjs
# Windows PowerShell:
iwr https://www.wix.com/skills/headless-kit/cold-start/bootstrap.mjs -OutFile bootstrap.mjs

node bootstrap.mjs

Relay these events

Event What to do
cli_ok Wix CLI reachable — continue.
awaiting_user (verificationUri, userCode, message) The script has exited and the next step is the user's. Send them message as-is; the login keeps running on its own.
logged_in / success Login done — continue.
cli_unreachable / login_failed (with detail) Stop and show the user the detail. Do not improvise a parallel setup by hand.

On awaiting_user, run the script again once the user says they've logged in: it reports logged_in and you continue. Re-running while they're still in the browser is harmless — it returns the same code rather than issuing a new one.

Phase 2 — Install the skills and hand off

Install the skill and its two companions (CI=1 forces plain non-interactive CLI output — keep it on every Wix CLI command). Repeat --skill per skill; a comma-separated list is not parsed:

CI=1 npx skills@latest add wix/skills \
  --skill wix-headless-kit --skill wix-docs --skill wix-manage --yes
  • wix-headless-kit — the build itself.
  • wix-docs — the API reference the playbooks defer to for any contract they don't cover.
  • wix-manage — management recipes, for admin work on the site after it exists.

They land under .agents/skills/. Then open .agents/skills/wix-headless-kit/SKILL.md and follow it — it owns the rest of the run: resolve the stack, scaffold, deploy the shipped code, seed, build the brand layer, release. (A request outside the shipped verticals — see its SKILL.md § Verticals — is built from the Wix API reference through wix-docs, on the same project; SKILL.md says how.)

  • Don't scaffold, install apps, or seed by hand here — the skill does all of that. This page stops at logged in.
  • You're already authenticated from Phase 1, so the skill's CLI auth step will pass without prompting again.

Source: SKILL.md on GitHub

No alertstoday3 checks · Risk SAFE
  • Gen Agent Trust Hubtoday

    Error: AI Analysis failed - API error after retries

  • Sockettoday

    No alerts

  • Snyktoday

    Risk: LOW · No issues

Signed by skilld at 9ed3e36. This ties the file your Agent reads to that commit on GitHub. It does not review the instructions.

Last checked against GitHub 5 hours ago.

Activeupdated yesterday

README badge

README badge for wix/skills/wix-headless-kit