review-ui

Review Nuxt 3 and Vue 3 UI diffs for accessibility, performance, and TypeScript quality.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/jmlaranjeira/agua-dulce-store --skill review-ui
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: review-ui
Source: https://github.com/jmlaranjeira/agua-dulce-store/tree/main/.claude/skills/review-ui
Command: npx skills add https://github.com/jmlaranjeira/agua-dulce-store --skill review-ui

SYSTEM DOCUMENTATION & REQUIREMENTS

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