ux-audit

Solid

Dogfood web apps — browse as a real user, notice friction, document findings. Adopts a user persona, tracks emotional friction (trust, anxiety, confusion), counts click efficiency, tests resilience (mid-form navigation, back button, refresh), and asks 'would I come back?'. Produces ranked audit reports. Trigger with 'ux audit', 'dogfood this', 'ux walkthrough', 'qa test', 'test the app', or 'check all pages'.

Web & Frontend 809 stars 82 forks Updated 2 weeks ago MIT

Install

View on GitHub

Quality Score: 93/100

Stars 20%
97
Recency 20%
90
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

# UX Audit Dogfood web apps by browsing them as a real user would — with their goals, their patience, and their context. Goes beyond "does it work?" to "is it good?" by tracking emotional friction (trust, anxiety, confusion), counting click efficiency, testing resilience, and asking the ultimate question: "would I come back?" Uses Chrome MCP (for authenticated apps with your session) or Playwright for browser automation. Produces structured audit reports with findings ranked by impact. ## Browser Tool Detection Before starting any mode, detect available browser tools: 1. **Chrome MCP** (`mcp__claude-in-chrome__*`) — preferred for authenticated apps. Uses the user's logged-in Chrome session, so OAuth/cookies just work. 2. **Playwright MCP** (`mcp__plugin_playwright_playwright__*`) — for public apps or parallel sessions. 3. **playwright-cli** — for scripted flows and sub-agent browser tasks. If none are available, inform the user and suggest installing Chrome MCP or Playwright. See [references/browser-tools.md](references/browser-tools.md) for tool-specific commands. ## URL Resolution If the user didn't provide a URL, find one automatically. **Prefer the deployed/live version** — that's what real users see. 1. **Check wrangler.jsonc** for custom domains or `routes`: ```bash grep -E '"pattern"|"custom_domain"' wrangler.jsonc 2>/dev/null ``` If found, use the production URL (e.g. `https://app.example.com`). 2. **Check for deployed URL** in CLAUDE.md, README,...

Details

Author
jezweb
Repository
jezweb/claude-skills
Created
7 months ago
Last Updated
2 weeks ago
Language
Python
License
MIT

Integrates with

Similar Skills

Semantically similar based on skill content — not just same category

AI & Automation Listed

customer-audit

Universal, multi-agent, VISION-VERIFIED audit that makes any app, website, tool, CLI, API, or MCP server genuinely great. Fans out one agent per surface and exercises EVERY single control (button, field, toggle, menu, tab, swipe, long-press, drag) for real — screenshotting before/after and looking at the result — across every lens: does each control actually work + persist + sync, the "does the UI lie?" trust audit, UI/interaction craft & motion, fresh-eyes customer journeys, competitive teardown, accessibility, performance, security, microcopy, empty/error/edge states. Adversarially verifies every finding, then returns a ranked fix list (or auto-fixes). Detects and uses the available MCP servers (e.g. Playwright for websites) and routes UI findings through the user's installed design skills. Trigger when the user says "audit", "customer audit", "review every page/screen", "find everything wrong or missing", "test every button", "QA this", "make this badass/premium", "is everything working and in sync", or ru

1 Updated yesterday
Evil-Bane
Web & Frontend Listed

ux-audit

Perform comprehensive UX audits on pages, components, or features. Use when the user asks to "audit UX", "review usability", "evaluate the interface", "UX review", or wants a systematic evaluation of user experience quality.

335 Updated today
aiskillstore
Testing & QA Listed

browse

Browser-based QA testing and site dogfooding via Claude in Chrome. Navigate any URL, interact with elements, verify page state, take screenshots, record GIFs, check responsive layouts, test forms, run accessibility audits, monitor network performance, and assert element states. Use when you need to test a feature, verify a deployment, dogfood a user flow, or file a bug with evidence. Use when asked to "open in browser", "test the site", "take a screenshot", "dogfood this", or "check this page".

4 Updated 4 days ago
borkweb
AI & Automation Solid

ux-audit

Audit screens against Nielsen's heuristics and mobile UX best practices using the StyleSeed Toss design language as the implementation context.

39,227 Updated today
sickn33
AI & Automation Listed

dogfood

Exploratory QA of web apps: find bugs, evidence, reports.

4 Updated today
LiHongwei-cn