front-end-testing

92 / 100 · Low risk

Fine to try. Some of what it can do is expected: a coding skill usually runs build and test commands.

By citypaul/.dotfiles (GitHub) · coding · 760 stars · scanned at commit cd4028d

Behavior-driven UI testing patterns across Vitest Browser Mode, Playwright E2E evidence boundaries, and DOM Testing Library. Use when testing any front-end application, writing UI or end-to-end tests, querying DOM elements, simulating user interactions, or choosing the lightest harness that proves a browser-observable claim. For React-specific patterns, see the react-testing skill.

Works with any agent that supports SKILL.md skills.

What this skill can do

Runs commands on your computer

The author does not mention this. Expected for a coding skill.

Found in 1 place.

claude/.claude/skills/front-end-testing/SKILL.md, line 85<repo-pm> add --save-dev vitest@<reviewed-version> @vitest/browser-playwright@<reviewed-version>

Connects to the internet

This is disclosed by the author in the skill's SKILL.md or README.

Found in 7 places.

claude/.claude/skills/front-end-testing/SKILL.md, line 3884. **Faking the network above the network instead of using MSW** — stubbing `fetch`/`axios`, or `vi.mock`-ing the app's own request/api/client module (including
claude/.claude/skills/front-end-testing/resources/msw.md, line 29http.get('/api/users', () => {
claude/.claude/skills/front-end-testing/resources/msw.md, line 43http.get('/api/users', () => {

Show 4 more

claude/.claude/skills/front-end-testing/resources/msw.md, line 92http.get('/api/users', () => {
claude/.claude/skills/front-end-testing/resources/msw.md, line 128http.get('/api/users', () => {
claude/.claude/skills/front-end-testing/resources/playwright-e2e.md, line 70To audit an existing suite for HTTP-level shortcuts, search and classify — including **indirect wrappers and their callers**; grepping literal `fetch(` is insuf
claude/.claude/skills/front-end-testing/resources/playwright-e2e.md, line 74- `page.evaluate(() => fetch(...))` or equivalent in-page request construction

Install

Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.

if [ -e ~/.agents/skills/'front-end-testing' ] || [ -L ~/.agents/skills/'front-end-testing' ]; then echo 'A skill folder named front-end-testing already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/citypaul/.dotfiles' "$d" && git -C "$d" checkout --quiet 'cd4028d57d6e4e95814f7b8ee55ca13c23a9c2f0' -- 'claude/.claude/skills/front-end-testing' && mkdir -p ~/.agents/skills && cp -R "$d"/'claude/.claude/skills/front-end-testing' ~/.agents/skills/'front-end-testing' && rm -rf "$d"; fi

Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'front-end-testing' ~/.claude/skills/'front-end-testing' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.

Badge for your README

The badge for citypaul/.dotfiles shows the score of its lowest-scoring skill.

SkillTrust badge for citypaul/.dotfiles

[![SkillTrust](https://zalavijaysinh.github.io/skilltrust/badges/citypaul/.dotfiles.svg)](https://zalavijaysinh.github.io/skilltrust/repos/citypaul/.dotfiles/)

Score history

Date	Version	Score
2026-11-07	`cd4028d`	92