Updated 5mo ago
by denysosadchyi
ux-auditor
Repeatable UX-audit toolkit: bilingual playbook, Claude Code skills, Playwright-driven capture, DOM-accurate annotation.
25 GitHub stars (25)
Steady at 25 stars — no new stars in the 16 days since Sep 30.
- 5 skills (5 skills found in its SKILL.md files)
- 0 forks (0 forks)
- 5mo ago last update (Last updated 5mo ago)
Install
Skills CLI
npx skills add denysosadchyi/ux-auditor
Asks which skills and agents to install. Just one: npx skills add denysosadchyi/ux-auditor --skill annotate-screenshot — add -g for every project.
Claude Code
git clone https://github.com/denysosadchyi/ux-auditorcp -r "ux-auditor/.claude/skills/annotate-screenshot" ~/.claude/skills/
Copies the annotate-screenshot skill into ~/.claude/skills/ for every project (use .claude/skills/ for one project). Repeat for the other skills listed below.
Plugin
/plugin marketplace add denysosadchyi/ux-auditor
Run inside Claude Code if the repository ships a plugin marketplace, then pick plugins from /plugin.
Skills can run code on your machine — read the SKILL.md first.
What it does
In the author's own words, from each skill's SKILL.md.
-
annotate-screenshot
Generates DOM-accurate red-rect + arrow annotations on audit screenshots. Use when the user asks to "annotate", "mark up", "add red boxes to" screenshots, or when finalizing a screen section of the audit.
.claude/skills/annotate-screenshot/SKILL.md on GitHub (opens in a new tab) -
flow-diagram
Builds SVG user-flow diagrams for an audit (entry → screens → conversion/drop-off) following the PLAYBOOK §11a constants. Use when the user asks for a "flow diagram", "user flow", or "flow map".
.claude/skills/flow-diagram/SKILL.md on GitHub (opens in a new tab) -
publish-to-notion
Converts an HTML audit deliverable into a Notion page, applying all the Notion-specific formatting rules from PLAYBOOK §11b. Use when the user asks to "publish to Notion", "push this to Notion", or "mirror the audit into Notion".
.claude/skills/publish-to-notion/SKILL.md on GitHub (opens in a new tab) -
run-audit
Orchestrates a full UX audit end-to-end following PLAYBOOK.md. Use when the user says "start the audit", "let's audit {product}", "run an audit", or is beginning a new engagement in this repo.
.claude/skills/run-audit/SKILL.md on GitHub (opens in a new tab) -
upload-image
Uploads audit screenshots/PNGs to catbox.moe (anonymous, permanent) and returns public URLs. Use when the user asks to "upload", "host images", "get public URLs", or when preparing Notion publishing.
.claude/skills/upload-image/SKILL.md on GitHub (opens in a new tab)
No skill matches that filter.
Review before you install
A skill is a set of instructions and scripts your agent will follow, and it can run code on your machine. Read the SKILL.md and any scripts first — this listing is not a security review.
Similar skills
-
ECCby affaan-m The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Cod…
-
reaby morluto Reverse engineer anything with agents, from app behavior down to native binaries.
-
andrej-karpathy-skillsby multica-ai A single CLAUDE.md file to improve Claude Code behavior, derived from Andrej Karpathy's observations on LLM coding pitfalls.
-
ponytailby DietrichGebert Makes your AI agent think like the laziest senior dev in the room. The best code is the code you never wrote.
-
ui-ux-pro-max-skillby nextlevelbuilder An AI skill that provides design intelligence for building professional UI/UX across multiple platforms.
-
graphifyby Graphify-Labs Turn any codebase, with its docs, SQL schemas, configs, and PDFs, into a queryable knowledge graph. A /graphify skill for Claude Code, Curs…