review-ui

Community

Lightning-fast UI code reviews for accessibility.

Authorjmlaranjeira
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps teams review UI code changes (Nuxt 3 + Vue 3) for accessibility, performance, reactivity, and TypeScript quality, reducing manual review time and preventing regressions.

Core Features & Use Cases

  • Automated changset checks: scans diffs for common accessibility issues (missing alt text, non-descriptive links, focus management) and Vue performance patterns (keys in v-for, lazy loading).
  • Reactivity and types QA: checks proper use of ref and reactive, prop mutability, and typed props/emits.
  • Guided remediation: provides actionable suggestions aligned with project conventions (Tailwind, SEO hooks) and examples.

Quick Start

Review the latest UI changes by piping the diff into the skill, e.g.: git diff HEAD~1 | review-ui

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 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: review-ui
Download link: https://github.com/jmlaranjeira/agua-dulce-store/archive/main.zip#review-ui

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.