Audit WTFPOS pages and flows against 14 design principles using playwright-cli snapshots.
npx skills add https://github.com/pyroboy/midcodes --skill ux-audit-pyroboy
Please help me install this Agent Skill. Skill: ux-audit Source: https://github.com/pyroboy/midcodes/tree/main/apps/WTFPOS/.claude/skills/ux-audit Command: npx skills add https://github.com/pyroboy/midcodes --skill ux-audit-pyroboy
This Skill addresses the need for consistent and high-quality user experiences in WTFPOS applications by systematically auditing pages and flows against established design principles.
ux-audit skill to perform a comprehensive review, identifying potential usability issues and ensuring consistency with the design system.Run a UX audit on the WTFPOS login page.
High-intent search queries and answers about installing and using this skill.
You can audit UI quality by using Playwright CLI to capture page snapshots, which are then evaluated against 14 design principles to analyze visual hierarchy, cognitive load, and motor efficiency, generating a report with prioritized recommendations.
A UX audit systematically evaluates application pages against an established design system, analyzing usability and accessibility to ensure visual consistency and identify potential friction points in user flows before launch.
Yes, playwright-cli is a required dependency. It provides the browser snapshotting capabilities necessary to capture the UI elements that the skill evaluates against its comprehensive design reference.
Yes, you can evaluate checkout flows and other application pages. The assessment covers usability, visual hierarchy, cognitive load, motor efficiency, and consistency to ensure intuitive user experiences.
The best way is to use automated snapshotting to capture the interface, then systematically assess it against 14 design principles, generating a structured report with layout maps and prioritized recommendations.
Evaluations are based on static Playwright snapshots and a predefined design reference, meaning dynamic user interactions, real-time latency, and complex state changes may not be fully captured during the audit.
irahardiantoAutomate browser interactions with Playwright MCP for E2E testing and web data extraction.
SChannarongGenerate frontend code with accessibility, theming, and responsive behavior.
TheGreatLValidate UI modifications for visual regressions, design compliance, and accessibility.
modu-aiAnalyze user experience issues via heuristic evaluation, accessibility review, and user flow analysis.