SkillsAdd

smithery/zz-plant

ui-verify

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

Installation

$ npx skills add smithery/zz-plant --skill ui-verify
View on skills.sh ↗ Website ↗

Similar popular skills

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

agent-browser Shared topics
vercel-labs/agent-browser

Browser automation CLI for AI agents. Use when the user needs to interact with websites, includ…

810.4K installs
azure-diagnostics Shared topics
microsoft/azure-skills

Debug Azure production issues on Azure using AppLens, Azure Monitor, resource health, and safe …

568.9K installs
azure-validate Shared topics
microsoft/azure-skills

Pre-deployment validation for Azure readiness. Run deep checks on configuration, infrastructure…

567.7K installs
supabase-postgres-best-practices Shared topics
supabase/agent-skills

Postgres best practices maintained by Supabase, for Postgres running anywhere. Load this skill …

391.6K installs
wp-abilities-verify Similar name
wordpress/agent-skills

Verify a WordPress plugin's Abilities API registrations: enumerate abilities, check that callba…

1.8K installs
playwright-stealth-verify Similar name
liarjsdev/liarjs-skills

Check whether a Playwright, Puppeteer, Selenium or CDP-driven browser presents a coherent finge…

43.5K installs
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 recorded snapshot · 0 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.