Agent skill

Uui E2E Testing

Helps create and maintain E2E and screenshot tests for UUI components using Playwright.

MITAuto-check passedTesting & QA

Install Uui E2E Testing

skills CLI

$ npx skills add epam/UUI --skill uui-e2e-testing -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI

$ gh skill install epam/UUI uui-e2e-testing --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy

$ git clone --depth 1 https://github.com/epam/UUI.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.cursor/skills/e2e-testing .claude/skills/uui-e2e-testing && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Paste into Claude Code

Install the "uui-e2e-testing" agent skill from https://github.com/epam/UUI/tree/develop/.cursor/skills/e2e-testing into .claude/skills/uui-e2e-testing/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "uui-e2e-testing", then confirm the skill loads.

Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

$skill-installer

$skill-installer install https://github.com/epam/UUI/tree/develop/.cursor/skills/e2e-testing

Type this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.

skills CLI

$ npx skills add epam/UUI --skill uui-e2e-testing -a codex

Project install goes to .agents/skills/; add -g for ~/.codex/skills/.

GitHub CLI

$ gh skill install epam/UUI uui-e2e-testing --agent codex

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/epam/UUI.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.cursor/skills/e2e-testing .agents/skills/uui-e2e-testing && rm -rf skills-src

Use ~/.agents/skills/ instead of .agents/skills for a personal install.

Codex skills documentation · loads skills from .agents/skills/

Paste into Codex

Install the "uui-e2e-testing" agent skill from https://github.com/epam/UUI/tree/develop/.cursor/skills/e2e-testing into .agents/skills/uui-e2e-testing/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "uui-e2e-testing", then confirm the skill loads.

Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

skills CLI

$ npx skills add epam/UUI --skill uui-e2e-testing -a cursor

Project install goes to .agents/skills/; add -g for ~/.cursor/skills/.

GitHub CLI

$ gh skill install epam/UUI uui-e2e-testing --agent cursor

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/epam/UUI.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.cursor/skills/e2e-testing .cursor/skills/uui-e2e-testing && rm -rf skills-src

Use ~/.cursor/skills/ instead of .cursor/skills for a personal install.

Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/

Paste into Cursor

Install the "uui-e2e-testing" agent skill from https://github.com/epam/UUI/tree/develop/.cursor/skills/e2e-testing into .cursor/skills/uui-e2e-testing/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "uui-e2e-testing", then confirm the skill loads.

Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

gemini skills install

$ gemini skills install https://github.com/epam/UUI.git --path .cursor/skills/e2e-testing

--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.

skills CLI

$ npx skills add epam/UUI --skill uui-e2e-testing -a gemini-cli

Project install goes to .agents/skills/; add -g for ~/.gemini/skills/.

GitHub CLI

$ gh skill install epam/UUI uui-e2e-testing --agent gemini-cli

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/epam/UUI.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.cursor/skills/e2e-testing .gemini/skills/uui-e2e-testing && rm -rf skills-src

Use ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.

Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/

Paste into Gemini CLI

Install the "uui-e2e-testing" agent skill from https://github.com/epam/UUI/tree/develop/.cursor/skills/e2e-testing into .gemini/skills/uui-e2e-testing/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "uui-e2e-testing", then confirm the skill loads.

Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

GitHub CLI

$ gh skill install epam/UUI uui-e2e-testing

Installs for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).

skills CLI

$ npx skills add epam/UUI --skill uui-e2e-testing -a github-copilot

Project install goes to .agents/skills/; add -g for ~/.copilot/skills/.

Manual copy

$ git clone --depth 1 https://github.com/epam/UUI.git skills-src && mkdir -p .github/skills && cp -r skills-src/.cursor/skills/e2e-testing .github/skills/uui-e2e-testing && rm -rf skills-src

Use ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.

GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/

Paste into GitHub Copilot

Install the "uui-e2e-testing" agent skill from https://github.com/epam/UUI/tree/develop/.cursor/skills/e2e-testing into .github/skills/uui-e2e-testing/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "uui-e2e-testing", then confirm the skill loads.

GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

skills CLI

$ npx skills add epam/UUI --skill uui-e2e-testing -a opencode

OpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.

GitHub CLI

$ gh skill install epam/UUI uui-e2e-testing --agent opencode

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/epam/UUI.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.cursor/skills/e2e-testing .opencode/skills/uui-e2e-testing && rm -rf skills-src

Use ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.

OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/

Paste into OpenCode

Install the "uui-e2e-testing" agent skill from https://github.com/epam/UUI/tree/develop/.cursor/skills/e2e-testing into .opencode/skills/uui-e2e-testing/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "uui-e2e-testing", then confirm the skill loads.

OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

Facts

Skill name: uui-e2e-testing
GitHub stars: 248
Token cost: ~1.3k tokens
SKILL.md length: 259 words
Files: 1
Skills in repo: 10
Repo updated: Sep 29, 2026
First seen: Oct 7, 2026
Licence: MIT

At a glance

Helps create and maintain E2E and screenshot tests for UUI components using Playwright.

Works in 2 steps: Go to app/src/docs/explorerConfigs and… → Add preview configuration using preview…
Adding E2E tests
SKILL.md covers Screenshot Testing, E2E Tests, Commands and Workflow, plus 1 more section
Calls yarn

What it does

Uui E2E Testing is an agent skill from epam/UUI. Helps create and maintain E2E and screenshot tests for UUI components using Playwright. Use when adding E2E tests, creating screenshot tests, updating preview configurations, or working with Property Explorer previews for testing.

Its SKILL.md is about 1.3k tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.

It sits in Testing & QA, covering End-to-end testing. It works with Playwright. The repository describes itself as: React-based components and accelerators library built by EPAM Systems. The licence is MIT.

When your agent uses it

Adding E2E tests
Creating screenshot tests
Updating preview configurations
Working with Property Explorer previews for testing

Example prompts

“Use the uui-e2e-testing skill to help create and maintain E2E and screenshot tests for UUI components using Playwright”
“/uui-e2e-testing”

Requirements

Docker

Workflow steps

2 steps, taken from the first numbered list in SKILL.md.

Go to app/src/docs/explorerConfigs and find/add config file for your component
Add preview configuration using preview function

What it can do on your machine

Read from SKILL.md and the folder at commit fd11393. It shows what the files ask for, not the result of running them.

Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
Shell commands in SKILL.md call:
- yarn
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md. Its commands use yarn, which can reach the network depending on how they are called.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Uui E2E Testing loads about 1.3k tokens when it runs. Until then it costs about 62 tokens; SKILL.md has 259 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it: ~62
When it runs · the whole SKILL.md, loaded when a task matches: ~1.3k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from epam/UUI at commit fd11393, republished under its MIT licence (© epam). 259 words, ~1,266 tokens.

Download SKILL.mdSave it as .claude/skills/uui-e2e-testing/SKILL.md (or your agent's skills folder).

name: uui-e2e-testing
description: Helps create and maintain E2E and screenshot tests for UUI components using Playwright. Use when adding E2E tests, creating screenshot tests, updating preview configurations, or working with Property Explorer previews for testing.

UUI E2E Testing

UUI uses Playwright for E2E and screenshot testing. All test infrastructure is in uui-e2e-tests/ folder. These tests are part of PR quality gate.

Prerequisites: The UUI docs server must be running before E2E tests. Start with yarn start or yarn build-server && yarn start-server. Tests default to http://localhost:9009. For setup details (Docker, browsers, env vars), see uui-e2e-tests/readme.md.

Screenshot Testing

Screenshot tests use Preview pages from Property Explorer. When editing/adding component props, update screenshot tests accordingly.

Create/Edit Preview

Go to app/src/docs/explorerConfigs and find/add config file for your component
Add preview configuration using preview function:

typescript

preview: (docPreview: DocPreviewBuilder<ComponentProps>) => {
    const TEST_DATA = { icon: 'action-account-fill.svg' };
    
    // Object form
    docPreview.add({
        id: TComponentPreview['Size Variants'],
        matrix: {
            size: { examples: '*' },
            caption: { values: ['Test'] },
        },
        cellSize: '210-60',
    });
    
    // 3-argument shorthand form
    docPreview.add(TComponentPreview['Color Variants'], {
        color: { examples: '*' },
        fill: { examples: '*' },
    }, '140-60');
}

Skin-specific overrides with docPreview.update():

typescript

preview: (docPreview: DocPreviewBuilder<ComponentProps>) => {
    docPreview.add({ id: TComponentPreview['Size Variants'], matrix: { /* ... */ } });

    // Override matrix for specific skins
    docPreview.update(TComponentPreview['Size Variants'], {
        [TSkin.Loveship]: { fill: { values: ['solid'] } },
    });
}

Guidelines:

Split size (layout) and color (appearance) props into separate previews
Use examples: '*' to test all enum values
Use values: [...] for specific test values
Use condition for conditional props

Define Screenshot Tests

Add test configuration in uui-e2e-tests/tests/previewTests/preview.e2e.ts:

typescript

// Array form — multiple test configs per component
.add(componentName, [
    {
        previewId: [TComponentPreview['Color Variants']],
        skins: SKINS.promo_loveship_electric,
        slow: true, // Optional: for complex renders
    },
    {
        previewId: [TComponentPreview['Size Variants']],
    },
    {
        onlyChromium: true, // Optional: browser-specific
        previewId: [TComponentPreview['Color Variants']],
        previewTag: 'PseudoStateHover',
        skins: SKINS.promo_loveship_electric,
        forcePseudoState: [{ state: 'hover', selector: '.uui-component' }],
    },
])

// Single-object shorthand — simple components
.add(alert, { previewId: values(TAlertPreview) })
.add(tooltip, { previewId: values(TTooltipPreview), skins: SKINS.promo_loveship })

Additional options:

clickElement: () => 'input' — click an element before screenshot (e.g. for DatePicker open state)

E2E Tests

E2E tests validate complex component behavior that's hard to test via unit tests.

Location: uui-e2e-tests/tests/Integration/

Setup: Use setupDocExampleTest with testUrl, PageObjectConstructor, and Playwright fixtures (pageWrapper, testInfo). Page objects live in uui-e2e-tests/framework/pageObjects/.

Example:

typescript

import { test } from '../../../framework/fixtures';
import { DropdownObject } from '../../../framework/pageObjects/dropdownObject';
import { setupDocExampleTest } from '../testUtils';

test('Dropdown / Boundary mode', async ({ pageWrapper }, testInfo) => {
    const { pageObject } = await setupDocExampleTest({
        testInfo,
        pageWrapper,
        PageObjectConstructor: DropdownObject,
        testUrl: '/preview?theme=loveship&isSkin=true&componentId=dropdown&previewId=...',
    });
    await pageObject.waitForContentLoad();
    await pageObject.hoverTarget();
    await pageObject.waitDropdownBodyVisible();
    // ... assertions
});

testUrl can target doc examples (/docExample?examplePath=...) or preview pages (/preview?componentId=...&previewId=...).

Commands

yarn test-e2e — Run all E2E tests
yarn test-e2e-chromium — Run in Chromium only
yarn test-e2e-update — Update screenshot baselines
yarn test-e2e-open-report — Open test report

Workflow

When adding/editing component props:

Update preview configuration in app/src/docs/explorerConfigs
Add screenshot test entries in preview.e2e.ts
Run yarn test-e2e to verify
Update screenshots if needed: yarn test-e2e-update

References

Setup and troubleshooting: uui-e2e-tests/readme.md
Integration test examples: uui-e2e-tests/tests/Integration/

Files

Just SKILL.md in .cursor/skills/e2e-testing of epam/UUI.

Open the folder on GitHubat commit fd11393

Compare with similar skills

Uui E2E Testing next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Uui E2E Testing compared with similar skills
Skill	Stars	Used in	Tokens	Auto-check	Licence	Repo updated
Uui E2E Testing this skillepam/UUI	248	—	~1.3k	Automated safety check: Pass	MIT	8 days ago
Web Application Testinganthropics/skills	180k	51 repos	~966	Automated safety check: Pass	Apache-2.0	2 days ago
playwright-cli Browser Automationgithub/gh-aw	5.3k	23 repos	~2.8k	Automated safety check: Pass	MIT	today
Write and Verify Playwright Testsappsmithorg/appsmith	41k	—	~2.9k	Automated safety check: Notes	Apache-2.0	today
Cucumber and Playwright E2E Testslanggenius/dify	158k	—	~682	Automated safety check: Pass	Custom licence	today
E2E Testinglangflow-ai/langflow	156k	—	~3.3k	Automated safety check: Pass	MIT	today

Similar skills

Web Application Testing
anthropics/skills
Official
Tests local web applications with Python Playwright scripts, checking frontend behavior, capturing screenshots and reading browser console logs.
180k GitHub starsUsed in 51 repos~966 tokens
Testing & QAAuto-check passed
playwright-cli Browser Automation
github/gh-aw
Official
Drives a real browser from the command line with playwright-cli to open pages, interact, mock requests, save state and work with Playwright tests.
5.3k GitHub starsUsed in 23 repos~2.8k tokens
Testing & QAAuto-check passed
Write and Verify Playwright Tests
appsmithorg/appsmith
Writes a Playwright end-to-end test from a prompt, runs it against a live Appsmith deployment and retries with fixes up to three times until it passes.
41k GitHub stars~2.9k tokensUpdated today
Testing & QAAuto-check: notes
Cucumber and Playwright E2E Tests
langgenius/dify
Guides changes and reviews of the Cucumber and Playwright end-to-end suite under `e2e/`: feature files, step definitions, support code, tags, locators and assertions.
158k GitHub stars~682 tokensUpdated today
Testing & QAAuto-check passed
E2E Testing
langflow-ai/langflow
Write and review Playwright E2E tests for Langflow. An agent skill from langflow-ai/langflow.
156k GitHub stars~3.3k tokensUpdated today
Testing & QAAuto-check passed
Handsontable Playwright E2E Tests
handsontable/handsontable
Guides writing and changing Playwright end-to-end tests for Handsontable using page objects, data-testid hooks and deterministic waits.
22k GitHub stars~1.7k tokensUpdated today
Testing & QAAuto-check passed

Questions about Uui E2E Testing

What does Uui E2E Testing do?

Helps create and maintain E2E and screenshot tests for UUI components using Playwright. Uui E2E Testing is an agent skill from epam/UUI. Helps create and maintain E2E and screenshot tests for UUI components using Playwright.

When should I use Uui E2E Testing?

Uui E2E Testing fits situations like: adding E2E tests; creating screenshot tests; updating preview configurations; working with Property Explorer previews for testing.

How do I install Uui E2E Testing in Claude Code?

Run `npx skills add epam/UUI --skill uui-e2e-testing -a claude-code`. Or copy the skill folder (.cursor/skills/e2e-testing in epam/UUI) into .claude/skills/uui-e2e-testing in your project. Claude Code loads it when a task matches its description.

How do I install Uui E2E Testing in Codex?

Run `npx skills add epam/UUI --skill uui-e2e-testing -a codex`. Or copy the skill folder (.cursor/skills/e2e-testing in epam/UUI) into .agents/skills/uui-e2e-testing in your project. Codex loads it when a task matches its description.

Can I use Uui E2E Testing in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add epam/UUI --skill uui-e2e-testing -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/uui-e2e-testing, .gemini/skills/uui-e2e-testing, .github/skills/uui-e2e-testing and .opencode/skills/uui-e2e-testing in your project.

What does Uui E2E Testing need to run?

Going by SKILL.md and its folder, Uui E2E Testing needs the command-line tools its instructions call (yarn). Our summary lists: Docker.

Does Uui E2E Testing access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Uui E2E Testing safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Uui E2E Testing use?

Uui E2E Testing is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Uui E2E Testing use?

About 1.3k tokens (SKILL.md is roughly 5.1k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Uui E2E Testing?

Skills that share tags, products or a category with Uui E2E Testing: Web Application Testing (anthropics/skills, 180k stars), playwright-cli Browser Automation (github/gh-aw, 5.3k stars), Write and Verify Playwright Tests (appsmithorg/appsmith, 41k stars) and Cucumber and Playwright E2E Tests (langgenius/dify, 158k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Uui E2E Testing?

epam (a GitHub organization) maintains it in epam/UUI, which has 248 GitHub stars. The repository holds 10 skills in this directory. The repository was last updated on September 29, 2026.

Source: epam/UUI on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.

Install Uui E2E Testing

Facts

At a glance

What it does

When your agent uses it

Example prompts

Requirements

Workflow steps

What it can do on your machine

Tool permissions

Runs code

Network

Credentials

Context cost

Safety

SKILL.md

UUI E2E Testing

Screenshot Testing

Create/Edit Preview

Define Screenshot Tests

E2E Tests

Commands

Workflow

References

Files

Compare with similar skills

Similar skills

More from epam/UUI

Related

Questions about Uui E2E Testing