ui-review
A design review tool that validates UI layouts against defined design specs.
Install
mkdir -p .claude/skills/ui-review-jeongdowny && curl -L -o skill.zip "https://agentskills.codes/api/skills/download/13355" && unzip -o skill.zip -d .claude/skills/ui-review-jeongdowny && rm skill.zipInstalls to .claude/skills/ui-review-jeongdowny
Activation
This is the description your AI agent reads to decide when to run this skill — the better it matches your request, the more reliably it fires.
ui-review — an agent skill by JeongDowny.Key capabilities
- →Review landing and result screens against DESIGN.md.
- →Check information hierarchy in UI.
- →Verify CTA visibility within the first screen.
- →Confirm player cards do not overlap on mobile and desktop.
- →Ensure state representation is not solely based on color.
How it works
This skill reviews UI screenshots against a DESIGN.md checklist, evaluating elements like information hierarchy, call-to-action visibility, mobile responsiveness, and state representation.
Inputs & outputs
When to use ui-review
- →Verifying UI design compliance
- →Checking mobile responsiveness
- →Reviewing CTA placement
About this skill
ui-review
Purpose
랜딩과 결과 화면의 스크린샷을 docs/DESIGN.md 기준으로 비교 검토할 때 사용하는 스킬이다.
Checklist
- 정보 위계가 필드 배치, 출전 쿼터 수, 평균 점수 순서로 읽히는지 본다.
- CTA가 첫 화면 안에서 충분히 보이는지 확인한다.
- 전술 보드의 선수 카드가 모바일과 데스크톱 모두에서 겹치지 않는지 확인한다.
- 상태 표현이 색상만으로 구분되지 않는지 확인한다.
Output
- pass / fail
- 문제 요약
- 바로 고칠 수 있는 수정 포인트
When not to use it
- →When the task is not a UI review of landing or result screens.
- →When the review criteria are not based on docs/DESIGN.md.
- →When the task does not involve checking for information hierarchy, CTA visibility, mobile responsiveness, or state representation.
Limitations
- →It relies on the provided docs/DESIGN.md for review criteria.
- →It only checks for specific UI elements mentioned in the checklist.
- →It does not perform automated testing or code analysis.
How it compares
This skill provides a structured, checklist-driven UI review based on a specific DESIGN.md document, ensuring consistent evaluation against predefined criteria rather than subjective assessment.
Compared to similar skills
ui-review side by side with the closest alternatives in the catalog.
| Skill | Installs | Updated | Safety | Difficulty |
|---|---|---|---|---|
| ui-review (this skill) | 0 | 4mo | No flags | Beginner |
| state-machine | 1 | 7mo | No flags | Beginner |
| designer | 0 | 5mo | No flags | Intermediate |
| design-review | 0 | 4mo | Review | Intermediate |
Try saying
Example prompts that trigger this skill in your AI assistant.
You might also like
state-machine
WellApp-ai
Document UI component states (current vs expected) with transitions
designer
jmartenstein
Expert in User-Centered Design (UCD), user journey mapping, and design reviews. Use when executing design reviews, writing user journey documents, and providing design guidance for developers.
design-review
jerrywu001
|
critique
get-convex
Evaluate design from a UX perspective, assessing visual hierarchy, information architecture, emotional resonance, cognitive load, and overall quality with quantitative scoring, persona-based testing, and actionable feedback. Use when the user asks to review, critique, evaluate, or give feedback on a
audit-typography
DaveCThompson
Review typography consistency and usability. Use to ensure readable, consistent text styling.
ui-review
hoyvoh
UI/UX audit skill for reviewing existing interfaces. Invoke when user asks to review UI, audit the frontend, check design quality, or review UX. Analyzes code structure, accessibility, visual consistency, responsiveness, and UX patterns. Outputs structured findings with severity and fix suggestions.