frontend-review
OfficialEnsure pixel-perfect UI with AI-powered review.
Software Engineering#accessibility#ui review#frontend testing#playwright#automated fixing#llm vision
AuthorN2O-com
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill automates the tedious and error-prone process of manually reviewing user interfaces, ensuring high standards of quality, accessibility, and user experience across different devices and states.
Core Features & Use Cases
- Multi-Agent Assessment: Combines programmatic checks (accessibility, layout, styles), visual analysis (LLM-powered screenshot review), and interaction testing (simulating user behavior).
- Automated Fixing: Iteratively attempts to fix identified issues, reducing manual rework.
- Use Case: Before deploying a new feature, run this Skill on the staging URL to catch accessibility violations, inconsistent spacing, broken links, and ensure the UI looks and functions correctly on mobile and desktop.
Quick Start
Run /frontend-review on the provided page URL to assess its UI quality.
Dependency Matrix
Required Modules
@playwright/test@axe-core/playwright
Components
scriptsreferencesassets
💻 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: frontend-review Download link: https://github.com/N2O-com/N2O-just-workflow/archive/main.zip#frontend-review 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 223,000+ vetted skills library on demand.