askill
design-review

design-reviewSafety --Repository

Conduct comprehensive design review on front-end code changes using Playwright for live browser testing. Covers visual hierarchy, accessibility (WCAG AA+), responsive design, and interaction patterns. Use when reviewing UI/UX changes before merge.

0 stars
1.2k downloads
Updated 1/31/2026

Package Files

Loading files...
SKILL.md

Design Review

Conduct a comprehensive design review of the pending front-end changes.

Context

GIT STATUS:

!`git status`

PR METADATA:

!`gh pr view --json title,body,author,files,additions,deletions,headRefName,state 2>/dev/null || echo "No PR context - reviewing local branch"`

FILES MODIFIED:

!`gh pr diff --name-only 2>/dev/null || git diff --name-only origin/HEAD...`

DIFF CONTENT:

!`gh pr diff 2>/dev/null || git diff --merge-base origin/HEAD`

Prerequisites

  • Playwright MCP server connected
  • Live preview environment running (provide URL to agent)

Objective

Use the design-review agent to comprehensively review the UI/UX changes above. Execute the 7-phase review process with live browser testing. Your final reply must contain the markdown report with screenshots.

References

  • references/DESIGN_PRINCIPLES.md — S-tier design checklist
  • references/CLAUDE_MD_SNIPPET.md — CLAUDE.md integration guide

Install

Download ZIP
Requires askill CLI v1.0+

AI Quality Score

AI review pending.

Metadata

Licenseunknown
Version-
Updated1/31/2026
PublisherTrevorEdris

Tags

llm