Verify

This automates UI verification in a real browser using Shiplight MCP tools after you make frontend changes. It walks through opening a browser session, inspecting the DOM, simulating interactions, checking console logs, and generating shareable HTML reports with video recordings. The skill is smart about token usage, reading DOM files before screenshots since they're cheaper. It handles authenticated apps by saving storage state after manual login, then reusing it automatically. Skip it for backend-only changes or dependency bumps. The verification plan in step one matters most since it determines your test coverage, and the skill acknowledges you need to balance thoroughness with cost. Solid for catching visual regressions before committing.

skills.sh installs: 636
GitHub stars: 2
last updated: Jul 14, 2026

View on GitHub

Install

$ npx -y skills add shiplightai/agent-skills --skill verify --agent claude-code

Installs into .claude/skills of the current project.

Files

Verify UI Changes

Daily Skill Update Check

Before starting this skill's work, opportunistically refresh Shiplight skills at most once per day:

Check the timestamp file at .shiplight-agent-skills-last-update in the current project.
If the timestamp file is missing, create it with the current timestamp and continue without running npx -y skills@latest update -y. Treat .shiplight-agent-skills-last-update as local cache and do not commit it.
If the timestamp file exists and is older than 24 hours, run npx -y skills@latest update -y, then create/update the timestamp file even if the command fails.
If the update command fails, continue with the currently installed skill and mention the failure briefly.

Use the Shiplight MCP browser tools to visually verify that your code changes look and behave correctly in a real browser.