Download for MacApple silicon, macOS 14+
Skill

wix-design-system

@wix Updated 2026-10-22

Wix Design System component reference. Use when building UI with @wix/design-system, choosing components, checking props and examples, or writing tests with component testkits. Triggers on "what component", "how do I make", "WDS", "show me props", "testkit", "driver", or component names like Button, Card, Modal, Box, Text.

Install

With your agent

Install OMGSkills skill "wix/skills:wix-design-system" into this agent's normal skills directory: call the OMGSkills MCP get_install_plan tool for your agent and run the script it returns (it installs only the pinned commit and verifies SKILL.md), and stop if MCP or the pin is unavailable. Do not overwrite or change existing skills without asking me.

Manual command

git clone https://github.com/wix/skills /tmp/skills && ln -s /tmp/skills/skills/wix-design-system ~/.claude/skills/wix-design-system

From README

WDS Documentation Navigator Prerequisite: @wix/design-system must be installed (npm i @wix/design-system or yarn add @wix/design-system). Helper Script This skill bundles scripts/wds.cjs — a Node.js helper that auto-discovers @wix/design-system in nodemodules (handles monorepos and workspaces) and provides focused lookups. Run it from the user's project directory using the absolute path to the bundled script: Workflow Step 1: Find the right component Multiple keywords are OR-matched. Returns component names, descriptions, and guidance. Step 2: Get props and available examples Returns the full props list (types and descriptions) plus a list of all available examples. For large prop files (>200 lines), returns a summary with prop names and types. If you already know which several components you'll need (e.g. after Step 1 returned a shortlist), prefer the batch form to avoid one round-trip per component: Output is each component's props block separated by ---.