verify-ui
CommunityVerify UI with screenshots and critique.
Authorcinjoff
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill automates the visual verification of frontend development work, ensuring that the user interface matches design specifications and is free of visual bugs.
Core Features & Use Cases
- Automated UI Checks: Captures screenshots across multiple device viewports (desktop, tablet, mobile).
- Design Critique: Evaluates UI against design principles and project design documents.
- Console Error Detection: Checks for runtime errors, warnings, and network issues in the browser console.
- Use Case: After a developer completes a new feature, use this skill to automatically generate screenshots and perform a design review, flagging any discrepancies or bugs before they reach users.
Quick Start
Run a visual check on the current UI by typing 'verify the design'.
Dependency Matrix
Required Modules
agent-browser
Components
scriptsreferences
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: verify-ui Download link: https://github.com/cinjoff/fhhs-skills/archive/main.zip#verify-ui Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.