wix-design-system Skill
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, T Published by openai in plugins.
What is wix-design-system Skill?
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, T Published by openai in plugins. This profile combines repository metadata with install, compatibility, and usage signals so developers can quickly decide whether it fits their agent workflow before opening the source repository.
Automated repository signals based on public metadata such as recency, license, installation evidence, and adoption. These are not a security audit or endorsement.
Key capabilities
- Includes SKILL.md support
- Reusable instructions support
- Documentation
- Design and media
- Writing
- Research
- Documentation use cases
Technical details
- Install or run with Copy skill directory
When to use wix-design-system Skill
- Use it for documentation.
- Use it for design and media.
- Use it for writing.
- Use it for research.
Built with
Editorial notes
Source
- Creator: openai
- Repository: openai/plugins
- Skill file: plugins/wix/skills/wix-design-system/SKILL.md
What it does
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, T
Skill instructions
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: bash WDS is the absolute path to this skill's scripts/wds.cjs WDS="<this-skill-dir/scripts/wds.cjs" node $WDS search <keyword Find components by keyword node $WDS component <Name Get props + example list (one component) node $WDS components <Name1 <Name2... Same as component, but for several at once node $WDS example <Name "<ExampleName" Get a specific example node $WDS testkit <Name [method] Get testkit imports + driver API node $WDS icons <query Search for icons Workflow Step 1: Find the right component bash node $WDS search table node $WDS search form input validation node $WDS
Explore related resources
Frequently asked questions
What is wix-design-system?
wix-design-system is a open-source AI agent skill with Copy skill directory. 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.
Who is wix-design-system best for?
wix-design-system is best for reusing agent instructions, scripts, and references, documentation workflows, design and media workflows, writing workflows.
How do I install wix-design-system?
Install or run wix-design-system using Copy skill directory. Check wix-design-system for the latest setup command.
Is wix-design-system actively maintained?
wix-design-system may need a closer maintenance check before production use.
Auto-fetched from GitHub.
