eliaalberti/ux-audit-skill

UX 감사 기술 스크린 샷의 Heuristic UX 감사

사용자 여행의 스크린 샷에 포인트. severity-rated finds, heuristic citations, annotated screenshots 및 구조화 된 보고서를 가져옵니다. UX 프레임 워크 16에 대해 평가, vibes하지. 원 기술, Claude Code 및 Codex 모두에서 실행.

                                                                                             ;;    ;;  ; &;  ;; &;;;;; &; &;;;;; &;  ;;;;;;;;;; &; &; &; &;;;;;;

예 출력 : 두 개의 화면 여행 감사 및 심각성에 의해 할당 (빨간 = 중요, 오렌지 = 주요, amber = 미성년자, 녹색 = 긍정적).

당신은 &bull를 얻는 무엇; 왜 그것은 작동 • 기구 • 임명 • 사용법 • 영원한 • 제품 정보

---

당신이 얻는 것

당신은 흐름의 기술 스크린 샷을 주고 사용자가 할 것을 시도하는 것에 대해 한 줄. 그것은 반환:

• Severity-rated finds on Nielsen’s 0 to 4 Scale, 사용자의 실제 목표에 고정
• **Heuristic 인용 ** 모든 발견 (“Nielsen #5”, “WCAG 1.4.3”, “Hick’s Law”), 결코 일반적인 “팝” 피드백
• **노트 스크린 샷 ** 번호, 컬러 코딩 마커
• **추천 수정 ** 노력 견적 (S/M/L)
• **A Structured Markdown 보고서 ** 임원 요약, 화면 별 검색, 여행 수준 분석, 그리고 이미 작동

🔍 UX Audit Skill Heuristic UX audits from screenshots

Point it at screenshots of a user journey. Get severity-rated findings, heuristic citations, annotated screenshots, and a structured report. Graded against 16 named UX frameworks, not vibes. One skill, runs in both Claude Code and Codex.

  

Example output: a two-screen journey audited and annotated by severity (red = critical, orange = major, amber = minor, green = positive).

What You Get • Why It Works • Frameworks • Installation • Usage • Severity • FAQ

---

What You Get

You give the skill screenshots of a flow and one line about what the user is trying to do. It returns:

• Severity-rated findings on Nielsen’s 0 to 4 scale, anchored to the user’s actual goal
• Heuristic citations on every finding (“Nielsen #5”, “WCAG 1.4.3”, “Hick’s Law”), never generic “make it pop” feedback
• Annotated screenshots with numbered, colour-coded markers
• Recommended fixes with effort estimates (S/M/L)
• A structured Markdown report with an executive summary, screen-by-screen findings, journey-level analysis, and what already works

It’s a heuristic evaluation, the kind a senior designer does, run by an agent that has actually looked at your screens.

---

What Are Agent Skills?

A skill is a folder with a SKILL.md file. The agent reads it and follows the instructions when a task matches. No plugin, no code to wire up. This one bundles a small Python script for the annotation step.

The same skill folder works in both tools. They read skills from different directories: