How do I install the Testing UI skill?

Run npx skillmds@latest add thinkfleetai/testing-ui in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Testing UI safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Testing UI?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Testing UI free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Testing UI?

thinkfleetai (@thinkfleetai) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Testing UI by thinkfleetai — Agent Skill

Name: Testing UI
Author: thinkfleetai

File contents

UI Testing

Browser-based UI testing with Playwright, Puppeteer, Cypress, and accessibility tools.

Install Playwright

# Install Playwright and browsers
npm init playwright@latest
npx playwright install --with-deps

# Install specific browser only
npx playwright install chromium

Run Playwright tests

# Run all tests
npx playwright test

# Run specific test file
npx playwright test tests/login.spec.ts

# Run in headed mode (visible browser)
npx playwright test --headed

# Run in specific browser
npx playwright test --project=chromium
npx playwright test --project=firefox
npx playwright test --project=webkit

# Run with debug inspector
npx playwright test --debug

Generate tests from URL

# Open codegen to record interactions
npx playwright codegen https://example.com

# Save generated test to a file
npx playwright codegen --output tests/generated.spec.ts https://example.com

# Codegen with specific viewport
npx playwright codegen --viewport-size=1280,720 https://example.com

Screenshot page

# Take a screenshot of a URL
npx playwright screenshot --full-page https://example.com screenshot.png

# Screenshot with specific viewport
npx playwright screenshot --viewport-size=1280,720 https://example.com screenshot.png

Visual regression

# Run Playwright tests with snapshot comparison
npx playwright test --update-snapshots

# Compare screenshots (expects toHaveScreenshot in tests)
npx playwright test tests/visual.spec.ts

# Show visual diff report
npx playwright show-report

Run Cypress tests

# Open Cypress interactive runner
npx cypress open

# Run Cypress headless
npx cypress run

# Run specific spec
npx cypress run --spec cypress/e2e/login.cy.ts

# Run in specific browser
npx cypress run --browser chrome

Accessibility audit with axe-core

# Install axe-core CLI
npm install -g @axe-core/cli

# Run accessibility audit on a URL
npx @axe-core/cli https://example.com

# Audit with specific rules
npx @axe-core/cli https://example.com --rules wcag2a,wcag2aa

# Playwright + axe-core (requires @axe-core/playwright)
npx playwright test tests/accessibility.spec.ts

---name: testing-uidescription: UI testing with Playwright and Puppeteer -- browser automation, visual regression, screenshots, and accessibility audits.---# UI TestingBrowser-based UI testing with Playwright, Puppeteer, Cypress, and accessibility tools.## Install Playwright```bash# Install Playwright and browsersnpm init playwright@latestnpx playwright install --with-deps# Install specific browser onlynpx playwright install chromium```## Run Playwright tests```bash# Run all testsnpx playwright test# Run specific test filenpx playwright test tests/login.spec.ts# Run in headed mode (visible browser)npx playwright test --headed# Run in specific browsernpx playwright test --project=chromiumnpx playwright test --project=firefoxnpx playwright test --project=webkit# Run with debug inspectornpx playwright test --debug```## Generate tests from URL```bash# Open codegen to record interactionsnpx playwright codegen https://example.com# Save generated test to a filenpx playwright codegen --output tests/generated.spec.ts https://example.com# Codegen with specific viewportnpx playwright codegen --viewport-size=1280,720 https://example.com```## Screenshot page```bash# Take a screenshot of a URLnpx playwright screenshot --full-page https://example.com screenshot.png# Screenshot with specific viewportnpx playwright screenshot --viewport-size=1280,720 https://example.com screenshot.png```## Visual regression```bash# Run Playwright tests with snapshot comparisonnpx playwright test --update-snapshots# Compare screenshots (expects toHaveScreenshot in tests)npx playwright test tests/visual.spec.ts# Show visual diff reportnpx playwright show-report```## Run Cypress tests```bash# Open Cypress interactive runnernpx cypress open# Run Cypress headlessnpx cypress run# Run specific specnpx cypress run --spec cypress/e2e/login.cy.ts# Run in specific browsernpx cypress run --browser chrome```## Accessibility audit with axe-core```bash# Install axe-core CLInpm install -g @axe-core/cli# Run accessibility audit on a URLnpx @axe-core/cli https://example.com# Audit with specific rulesnpx @axe-core/cli https://example.com --rules wcag2a,wcag2aa# Playwright + axe-core (requires @axe-core/playwright)npx playwright test tests/accessibility.spec.ts```

Frequently asked questions

Testing UI