# wix-design-system

> Claude/Codex skill by [@wix](https://omgskills.com/library/wix/index.md) · 35 stars · 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

```sh
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 ---.

## Links

- HTML page: https://omgskills.com/library/wix/skills/wix-design-system/
- GitHub: https://github.com/wix/skills
- Author: [@wix](https://omgskills.com/library/wix/index.md)

## More from this repo

- [wix-base44-connector](https://omgskills.com/library/wix/skills/skills/wix-base44-connector/index.md) — Used to build on and manage the connected Wix site from a Base44 app: discover and call any Wix API (endpoints,...
   - [@wix](https://omgskills.com/library/wix/index.md) · 36 stars
- [wix-headless](https://omgskills.com/library/wix/skills/wix-headless/index.md) — Connect Wix business services (Stores, Bookings, Donations, CMS, Blog, Events, Forms, and more) to a Wix Headless...
   - [@wix](https://omgskills.com/library/wix/index.md) · 36 stars
- [wix-headless-cold-start](https://omgskills.com/library/wix/skills/skills/wix-headless-cold-start/index.md) — The fetch-and-follow entry pages for Wix Headless, addressable by URL in a prompt.
   - [@wix](https://omgskills.com/library/wix/index.md) · 36 stars