UX Audit

Run a heuristic UX audit of a customer journey from screenshots. Use when the user asks for a UX audit, heuristic evaluation, usability review, design teardown, or expert review of screens, mockups, or a flow, whether your own product or a competitor's. Evaluates against named frameworks (Nielsen, Shneiderman, Gerhardt-Powals, Bastien & Scapin, Hick/Fitts/Miller/Jakob/Peak-End, Fogg, Cialdini, Gestalt, Norman, Tognazzini, WCAG 2.1, content design heuristics) and produces severity-rated findings with heuristic citations, annotated screenshots, and a structured markdown report. Do not use for ge

21 stars 4 forksFrontend & Design

Install

skills CLI (Claude Code, Cursor, Codex and more)

npx skills add EliaAlberti/ux-audit-skill --skill ux-audit

Manual install

git clone --depth 1 https://github.com/EliaAlberti/ux-audit-skill.git /tmp/ux-audit-skill
mkdir -p ~/.claude/skills
cp -r /tmp/ux-audit-skill/. ~/.claude/skills/ux-audit

Personal skills live in ~/.claude/skills. Use .claude/skills in a project folder to share a skill with your team.

From the SKILL.md

# UX Audit Skill

Evaluate a customer journey (screenshots) against established UX heuristic frameworks. Output: severity-rated findings with explicit heuristic citations, recommended improvements, annotated screenshots, and a structured report. Findings cite specific named heuristics, never generic design feedback.

Works in any agent that supports the Agent Skills format (Claude Code, Codex, and compatible tools).

## Workflow

### Step 1: Collect screenshots

- Accept a folder path, individual image paths, or attached images
- If a folder: list image files (png/jpg/jpeg/webp), sort by filename, propose this as the journey order
- If no screenshots provided: ask for them before anything else

### Step 2: Intake: ask, then STOP and wait for answers

Skip any question already answered by the user's request. Otherwise ask in one message:

1. **What is the product, and what is the user trying to achieve in this journey?** (e.g. "E-commerce checkout, buy one item as a guest")
2. **Platform?** iOS / Android / mobile web / desktop web (affects target sizes and convention baselines)
3. **User type?** First-time / returning / mixed
4. **Depth?** Full sweep (all frameworks) or focused (name 2 to 3 frameworks or concerns)
5. **Confirm journey order** of the screens (state your inferred order; ask only if uncertain)

Do not begin the audit until the goal is known. Severity ratings are anchored to it.

### Step 3: View every screenshot

- Open each image and study it fully

Read the full skill on GitHub

Details

Skill name: ux-audit
Repository: EliaAlberti/ux-audit-skill
License: MIT
Repo updated: 12 June 2026

FAQ

What does the UX Audit skill do?

How do I install the UX Audit skill?

skills CLI (Claude Code, Cursor, Codex and more): npx skills add EliaAlberti/ux-audit-skill --skill ux-audit. Skills go in ~/.claude/skills (personal) or .claude/skills (project), and Claude loads them automatically when a task matches the description.

Is UX Audit popular?

It lives in EliaAlberti/ux-audit-skill, which has 21 GitHub stars and 4 forks.

Related skills

Build Startup Brand

Kappaemme-git/build-startup-brand

Turn a startup idea, product, URL, pitch, or existing visual identity into a distinctive startup brand system and a polished standalone HTML report. Use when Codex needs to create or refine startup positioning, a salient brand idea, brand promise, tagline, messaging, voice, creative territories, logo or symbol directions, color palette, typography, visual language, brand applications, or compact brand guidelines. Also use for startup rebrands and brand audits that should end with an actionable, openable brand identity report.

Frontend & Design

Webflow to React

dmenchaca/webflow-to-react

Converts a Webflow HTML export into a maintainable React app with TanStack Start (SSR, TanStack Router conventions) using an idiomatic React-first approach. Sets up Storybook early, builds UI primitive + page-section SOT components with variant stories before composing routes. Use when the user has a Webflow export (index.html + css/ + js/ + images/ + fonts/) and wants to migrate to React, when they mention TanStack Start, TanStack Router, SSR, Storybook, SOT components, "convert Webflow to React", or when a repo already contains a Webflow export at its root. Works in Cursor, Claude Code, GitH

Frontend & Design

Dsh Plugin Dev

realchendahuang/dsh-skill

DeepSeek Harness (DSH) 插件、扩展与技能开发权威规范。当需要为 DSH 编写自定义工具 (Tool)、拦截钩子 (Hook)、UI 扩展、服务提供方或打包发布 DSH 插件时使用。提供官方 Cordis 微内核架构契约、执行流水线、隔离调试与质量校验 SOP。

Frontend & Design

Theme Factory Addon

patrickkrebs/theme-factory-addon

Expansion pack of 100 curated color and font themes for the theme-factory skill, organized into 14 categories spanning seven aesthetic families (Earthy, Feminine, Coastal, Bold, Boho, Vintage, Luxury), Iconic Brands (Facebook, Instagram, Tesla, Nike, McDonald's, Spotify, Google, Netflix, Coca-Cola), developer/editor/terminal themes (Dracula, Nord, Gruvbox, Tokyo Night, Catppuccin, Solarized, Monokai, One Dark, Synthwave 84), Master Painters (Rothko, Pollock, Picasso, Rembrandt, Van Gogh, Monet, Klimt, Vermeer, Hokusai, Matisse, Frida Kahlo, Mondrian), and Directors & Cinematographers (Spielber

Frontend & Design

Telegram Premium Emoji

Zulut30/premium-telegram-emoji

Select verified Telegram custom emoji by meaning, preserve a consistent visual style across a bot or application, and generate HTML with catalog IDs. Use when a Telegram project needs premium emoji or the user requests a palette from this catalog. Includes ordered multi-emoji compositions. Not for unrelated UI icons.

Frontend & Design

Scroll Painting Animation

xiwan/scroll-painting-animation

把一幅长卷名画（或任何"沿一条路看过去"的全景题材）做成横向卷轴、等距游戏画风的动画短片：读原作排时间轴与功能团、用 ComfyUI 统一风格地生产建筑/人物/船/贴图精灵、用 Python（numpy + Pillow）搭等距场景并逐帧渲染、做疏密与聚团布局、行人车马船的运动、昼夜晨昏与万家灯火、题诗逐字晕墨显现、用 MMAudio 按画面生成环境声与场景音效，最后用统计、抽帧、跳帧检查、响度测量验收。附可复用库 scrollkit、可运行骨架 scroll_demo 和一套工具脚本。来源项目：《清明上河图》180 秒 1080p 等距动画（《烽火与炊烟》画风）。触发词：清明上河图动画、名画动起来、长卷动画、卷轴动画、千里江山图、姑苏繁华图、等距卷轴、isometric scroll、 panoramic pan animation、2.5D 全景动画、横向平移长卷、ComfyUI 精灵、批量生成建筑素材、功能团布局、万家灯火夜景、题诗渐显、MMAudio 音效、按画面配音效。

Frontend & Design

Browse the most popular Claude skills, all frontend & design skills, or write your own with the skills generator.