eliaalberti/ux-audit-skill

🔍 用户体验审计技能 从截图进行启发式用户体验审计

指向用户旅程的截图。获取严重度评级的发现、启发式引用、带注释的截图和结构化报告。 评分基于16个命名的用户体验框架，不是Vibes。一项技能，能同时运行在Claude Code和Codex中。

  

示例输出：一个双屏旅程，经过审核并按严重程度注释（红色=严重，橙色=重大，琥珀=轻微，绿色=正面）。

你能得到什么 • 为什么有效 • 框架 • 安装 • 使用情况 • 严重程度 • 常见问题

---

你得到了什么

你给技能提供一个流程截图和一句关于用户想做什么的行。结果是：

• 尼尔森0到4分制上的严重性评级发现，基于用户的实际目标
• **对每个发现都引用启发式引用（如“尼尔森#5”、“WCAG 1.4.3”、“希克定律”），绝非泛泛的“让它突出”反馈
• 带编号、颜色编码标记的注释截图
• 推荐修复方法及工作量估算（S/M/L）
• 结构化的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: