Does it require a running browser to work?

While it can perform deep code-level scans without a browser, it provides even better insights when used with Claude's browser tools to verify actual rendered behavior.

Which frameworks does this skill support?

The skill automatically detects and supports major frontend frameworks including React, Vue, Svelte, and standard HTML/CSS projects.

What is the difference between UX Interaction Taste and visual design skills?

UX Interaction Taste focuses on functionality and behavior—how the app works, responds, and handles states—while visual design skills focus on aesthetics like typography, color, and layout.

Can this skill help with WCAG accessibility compliance?

Yes, it specifically audits keyboard accessibility, focus traps, tab order, and ARIA labels, which are foundational requirements for WCAG compliance.

UX Interaction Taste

Name: UX Interaction Taste
Author: psylch

bypsylch

0•

设计工具

Audits web applications for interaction quality, accessibility, and user experience standards using a structured review framework.

UX Interaction Taste is a specialized audit tool designed to evaluate the 'feel' and usability of web applications, particularly those built using AI coding assistants. Unlike visual design tools that focus on aesthetics, this skill analyzes source code and rendered behavior to ensure robust interaction patterns across three tiers: Foundation, Craft, and Polish. It systematically checks for missing loading states, keyboard accessibility gaps, improper form UX, and unresponsive feedback, providing developers with a prioritized report and actionable code fixes to eliminate interaction debt and improve user satisfaction.

主要功能

01Tiered evaluation framework covering Foundation, Craft, and Polish levels

02In-depth keyboard accessibility and focus management auditing

03Prioritized reporting with specific code-level suggestions for UX improvements

04Automated scan of React, Vue, Svelte, and HTML project structures

05Identification of common AI-generated anti-patterns like missing error boundaries

060 GitHub stars

使用场景

01Refining micro-interactions and feedback loops in complex web applications

02Reviewing AI-generated components to ensure they meet professional UX and accessibility standards

03Conducting a pre-deployment interaction audit to catch missing states and edge cases

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add psylch/ux-interaction-taste-skill ux-interaction-taste

For use in Claude.ai and ChatGPT

主要功能

01Tiered evaluation framework covering Foundation, Craft, and Polish levels

02In-depth keyboard accessibility and focus management auditing

03Prioritized reporting with specific code-level suggestions for UX improvements

04Automated scan of React, Vue, Svelte, and HTML project structures

05Identification of common AI-generated anti-patterns like missing error boundaries

060 GitHub stars

使用场景

01Refining micro-interactions and feedback loops in complex web applications

02Reviewing AI-generated components to ensure they meet professional UX and accessibility standards

03Conducting a pre-deployment interaction audit to catch missing states and edge cases

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add psylch/ux-interaction-taste-skill ux-interaction-taste

For use in Claude.ai and ChatGPT