home/categories/frontend/dtyq-magic-frontend-magic-web-agents-skills-ui-data-testid-skill-md
frontenddevelopment

ui-data-testid

Add stable `data-testid` attributes by default for new or refactored UI components. Use when implementing React/TSX views, shadcn/antd-style components, dropdown/menu configs, or interactive UI flows that need reliable selectors for unit/E2E tests.

dtyq
maintainer
dtyq
Updated 3/19/2024
Stars
4742
Forks
504
quick start

Installation and usage

Add stable `data-testid` attributes by default for new or refactored UI components. Use when implementing React/TSX views, shadcn/antd-style components, dropdown/menu configs, or interactive UI flows that need reliable selectors for unit/E2E tests.

Installation
$ install --globalskills.sh
Usage

Once installed, you can use this skill by running the following command in your terminal:

skills use ui-data-testid