smithery.ai

ui-verify

Verify UI changes using browser-based testing and visual checks.

First seen Apr 11, 2026

Installation

$ npx skills add https://smithery.ai

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

Also in this package

Other skills from smithery.ai · top by installs.

npx skills add https://smithery.ai

Browse all from smithery.ai

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Not declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Skill metadata

Parsed from SKILL.md frontmatter.

Version1.0.0

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 1,097 B
  • docs SUMMARY.md 81 B

History

  1. First seen on skills.sh
  2. First recorded snapshot · 1 installs

SKILL.md

UI Verification Skill

Ensures visual and interactive changes match design system expectations and accessibility standards.

Workflow

  1. Environment Setup: Ensure the dev server is running.

``powershell bun dev ``

  1. Visual Audit:

- Check responsive layouts: Mobile (375px), Tablet (768px), Desktop (1280px). - Validate typography and color consistency. - Verify hover, active, and focus states.

  1. Accessibility:

- Keyboard navigation: All interactive elements reachable and focused. - Focus indicators: Clearly visible. - Contrast: Ensure AA compliance (4.5:1).

  1. Automated Verification:

- Run E2E routes:

``powershell bun run test:e2e ``

- Run visual regression:

``powershell bun run test:visual ``

Tools

Use the browser_subagent for automated visual checks and screenshots when manual verification is not preferred.