The WDS Documentation Navigator is a Node.js helper script designed for developers using the @wix/design-system. It simplifies the process of finding components, examples, and icons within the design system’s library.
$ npx skills add https://github.com/wix/skills --skill wds-docsThe wix-design-system skill is an AI agent tool that provides instant access to Wix Design System documentation, helping developers quickly find component properties, usage examples, and icon references. Integrated with AI agents like Cursor, Claude Code, and Gemini CLI, it eliminates manual documentation searches and accelerates development workflows. The skill works within the new Wix CLI ecosystem and supports any agent built on the Agent Skills specification. Developers building Wix app extensions or using the @wix/design-system library can reference component APIs and examples directly during coding without leaving their editor.
Install @wix/design-system first, then add the skill using the provided command.
Find components by keyword
Get props and example list for specific components
Retrieve specific examples by name
Search for icons in the design system
$ npx skills add https://github.com/wix/skills --skill wds-docsgit clone https://github.com/wix/skillsCopy the install command above and run it in your terminal.
Launch Claude Code, Cursor, or your preferred AI coding agent.
Use the prompt template or examples below to test the skill.
Adapt the skill to your specific use case and workflow.
Check the GitHub repository or documentation for usage examples.
Take a free 3-minute scan and get personalized AI skill recommendations.
Take free scan