Archivo del skill

WDS Documentation Navigator

Name: WDS Documentation Navigator
Author: ESSSoWhat

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", component names like Button, Card, Modal, Box, Text, or when importing from @wix/design-system or @wix/wix-ui-icons-common. Also use when looking up spacing tokens (SP1-SP6) or icon names.

ESSSoWhat0 estrellas19 mar 2026

Ocupación
Categorías: Educación

Contenido de la habilidad

Docs path: node_modules/@wix/design-system/dist/docs/

CRITICAL: Never Read Entire Files

Files are 200-900+ lines. Follow the staged discovery flow below.

Stage 1: Find Component

Goal: Search for component by feature/keyword

Grep: "table" in components.md
Grep: "form\|input\|validation" in components.md
Grep: "modal\|dialog\|popup" in components.md

Output: Component name + description + do/don'ts

Next: Go to Stage 2 with component name

Stage 2: Get Props + Example List

Goal: Get props AND discover available examples

Skills relacionados

WDS Documentation Navigator | Skills Pool

# 2a. Get props (small files OK to read, large files grep)
Read: components/ButtonProps.md              # OK if <100 lines
Grep: "### disabled" in components/BoxProps.md -A 3  # Box is huge

# 2b. List available examples (ALWAYS grep, never read)
Grep: "^### " in components/ButtonExamples.md -n

WDS Documentation Navigator

CRITICAL: Never Read Entire Files

Stage 1: Find Component

Stage 2: Get Props + Example List

WDS Documentation Navigator

CRITICAL: Never Read Entire Files

Stage 1: Find Component

Stage 2: Get Props + Example List

Update Skills

Eval Harness

Ecc Tools Cost Audit

Code Tour

Rules Distill

Design System