Wix Design System component reference. Use when building UI with @wix/design-system, choosing components, or checking props and examples. Triggers on "what component", "how do I make", "WDS", "show me props", or component names like Button, Card, Modal, Box, Text.
Quickly install wds-docs AI skill to your development environment via command line
Source: wix/skills.
Files are 200-900+ lines. Follow the staged discovery flow below.
| 1. Find | Grep: "keyword" in components.md | Component name | | 2a. Props | Read: {Name}Props.md | Props list | | 2b. Examples | Grep: "^### " in {Name}Examples.md | Example names + lines | | 3. Fetch | Read: offset=N limit=40 | Example code | | 4. Icons | Grep: "IconName" in icons.md | Icon exists |
| components.md | 970 | Grep, never read fully | | icons.md | 400 | Grep for specific icon | | Most Props.md | 30-100 | Read fully OK | | BoxProps.md | 8000+ | Grep only! | | Most Examples.md | 100-600 | Grep → offset read | | PageExamples.md | 940 | Grep → offset read |
Stable fields and commands for AI/search citations.
npx skills add https://github.com/wix/skills --skill wds-docsWix Design System component reference. Use when building UI with @wix/design-system, choosing components, or checking props and examples. Triggers on "what component", "how do I make", "WDS", "show me props", or component names like Button, Card, Modal, Box, Text. Source: wix/skills.
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/wix/skills --skill wds-docs Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw
https://github.com/wix/skills