runtime-ux-audit

77 / 100 · Review before installing

Check before installing.

By EthanY33/atelier (GitHub) · design · 10 stars · scanned at commit 848320d

Audit a URL or local HTML file for runtime UX problems that WCAG checks miss. Back/forward cache blockers, view transitions, speculation rules, INP and main-thread smells, dialog, popover, z-index and motion issues, and mobile viewport bugs (100vh, safe areas, tap targets, scroll hijacking). Static pass for CI; --dynamic adds Chromium INP, bfcache and focus probes. Exits 1 on critical or serious.

Works with any agent that supports SKILL.md skills.

What this skill can do

Runs commands on your computer

The author does not mention this.

Found in 4 places.

plugins/atelier/skills/runtime-ux-audit/SKILL.md, line 11node "${CLAUDE_PLUGIN_ROOT}/bin/atelier" ux dist/index.html
plugins/atelier/skills/runtime-ux-audit/SKILL.md, line 19node --input-type=module -e "const { pathToFileURL } = await import('node:url'); const m = await import(pathToFileURL(process.argv[1]).href); const r = await m.
plugins/atelier/bin/atelier, line 12import { spawn } from 'node:child_process';

Show 1 more

plugins/atelier/lib/preflight.mjs, line 8import { spawn } from 'node:child_process';

Downloads and installs other software

The author does not mention this.

Found in 6 places.

plugins/atelier/skills/runtime-ux-audit/SKILL.md, line 151- `--dynamic` needs Playwright's Chromium (`npx playwright@<version> install chromium`; the error prints the exact command). It loads the page as a Pixel 7 with
plugins/atelier/skills/runtime-ux-audit/lib/browser.mjs, line 11return `npx playwright${v ? `@${v}` : ''} install chromium (the static pass needs no browser; drop --dynamic)`;
plugins/atelier/lib/doctor.mjs, line 72checks.push({ name: 'chromium', status: 'warn', detail: err instanceof PreflightError ? err.message : firstLine(err), fix: err?.fix ?? `npx playwright${playwrig

Show 3 more

plugins/atelier/lib/preflight.mjs, line 199return `npx playwright${v ? `@${v}` : ''}`;
plugins/atelier/lib/preflight.mjs, line 257if (platform === 'darwin') return 'brew install ffmpeg';
plugins/atelier/lib/preflight.mjs, line 258return 'sudo apt install ffmpeg (or your distro\'s package manager)';

Sends data to these websites: developer.mozilla.org

This is disclosed by the author in the skill's SKILL.md or README.

Found in 4 places.

plugins/atelier/skills/runtime-ux-audit/rules/inp/scheduling.mjs, line 163return init?.type === 'NewExpression' && stripGlobal(pathOf(init.callee)) === 'XMLHttpRequest';
plugins/atelier/skills/runtime-ux-audit/rules/inp/scheduling.mjs, line 171description: 'A synchronous XMLHttpRequest blocks the main thread, and every pending input, for the whole network round trip.',
plugins/atelier/skills/runtime-ux-audit/rules/inp/scheduling.mjs, line 172helpUrl: 'https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/open',

Show 1 more

plugins/atelier/skills/runtime-ux-audit/rules/inp/scheduling.mjs, line 182message: `XMLHttpRequest.open(${method !== null ? `'${method.toUpperCase()}', ` : ''}..., false) is synchronous; use fetch() or an async XMLHttpRequest.`,

Safer alternatives

Low-risk skills in the same category (design) that look related. Check that one does what you need.

Install

Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.

if [ -e ~/.agents/skills/'runtime-ux-audit' ] || [ -L ~/.agents/skills/'runtime-ux-audit' ]; then echo 'A skill folder named runtime-ux-audit already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/EthanY33/atelier' "$d" && git -C "$d" checkout --quiet '848320d77ae1d2218a80d1b97be5804191651e82' -- 'plugins/atelier/skills/runtime-ux-audit' && mkdir -p ~/.agents/skills && cp -R "$d"/'plugins/atelier/skills/runtime-ux-audit' ~/.agents/skills/'runtime-ux-audit' && rm -rf "$d"; fi

Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'runtime-ux-audit' ~/.claude/skills/'runtime-ux-audit' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.

Badge for your README

The badge for EthanY33/atelier shows the score of its lowest-scoring skill.

SkillTrust badge for EthanY33/atelier

[![SkillTrust](https://zalavijaysinh.github.io/skilltrust/badges/EthanY33/atelier.svg)](https://zalavijaysinh.github.io/skilltrust/repos/EthanY33/atelier/)

Score history

Date	Version	Score
2026-11-14	`848320d`	77