How do I install the Visual Test skill?

Run npx skillmds@latest add liberatedpixelcup/visual-test 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 Visual Test 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 Visual Test?

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 Visual Test free to use?

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

Who published Visual Test?

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

Visual Test

Name: Visual Test
Author: liberatedpixelcup

Run or add Playwright visual specs and know when a layout or CSS change needs npm run test:visual. Use after first-paint, panel-layout, or PurgeCSS safelist changes, or when adding a Playwright case.

liberatedpixelcup a8fe3e4 1.1 KB Updated Sep 17, 2026

Web & Frontend

Install

Press C to copy

$ npx skillmds@latest add liberatedpixelcup/visual-test

Installs into ~/.claude/skills (or .claude/skills inside a project). Restart Claude Code to pick it up.

Download SKILL.md

＋ Add to collection

README badge

[![SkillMD](https://skillmd.com/badge/liberatedpixelcup/visual-test.svg)](https://skillmd.com/skills/liberatedpixelcup/visual-test)

Trust & safety

Audits pending

Not yet audited · commit a8fe3e4

Works with: Claude Code Claude.ai OpenAI Codex +

File contents

Visual tests

Run npm run test:visual after a change that affects first paint, panel layout, or a class in vite/purgecss-critical-safelist.ts.

Add cases under tests/visual/. Reuse waits in home-helpers.ts. Wait for catalog readiness via __LPC_waitCatalogAllReady (installed in sources/install-item-metadata.ts). Do not import visual specs from tests/tests.js. They are not Codecov-instrumented.

Argos upload needs ARGOS_TOKEN. Isolated run: run-one-spec. Walkthrough: Visual regression tests. CLS measurement is cls / CLS.md; Argos does not replace profile:cls.

liberatedpixelcup/universal-lpc-spritesheet-character-generator/tree/main/.agents/skills/visual-test commit a8fe3e4c7a

Frequently asked questions

npx skillmds@latest add liberatedpixelcup/visual-test