skills.rest
ssdeanx
ssdeanxCOMMUNITY
Explore all skills by this author →
Website𝕏@DeanmachinesAIGitHub

web-ui-ux

Audit web pages for usability, accessibility, and responsive behavior.

2|Updated Jan 4, 2026
Search Tags:#ui#accessibility#usability#web design#component design#ux
One-click install
npx skills add https://github.com/ssdeanx/AI-Skills --skill web-ui-ux
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-ui-ux
Source: https://github.com/ssdeanx/AI-Skills/tree/main/skills/web-ui-ux
Command: npx skills add https://github.com/ssdeanx/AI-Skills --skill web-ui-ux

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides expert guidance for designing, reviewing, and refining web user interfaces (UI) and user experiences (UX), ensuring products are intuitive, accessible, and visually polished.

Core Features & Use Cases

  • UI/UX Audits: Analyze existing web pages or components for usability and accessibility issues.
  • Design Assistance: Help design new screens or components, defining states, interactions, and responsive behavior.
  • Component Specification: Generate detailed specs for UI components, including states, validation, and microcopy.
  • Accessibility Guidance: Ensure designs meet baseline accessibility standards.

Quick Start

Review the provided webpage screenshot for UI/UX improvements.

Frequently Asked Questions about web-ui-ux

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I audit a web page for usability and accessibility issues?▼

To audit a web page for usability and accessibility issues, provide a screenshot or details of the interface to receive specialized guidance on layout, microcopy, and baseline accessibility standards.

What is the best way to generate detailed component specifications for web design?▼

The best way to generate component specifications is to request design assistance for new screens, which yields detailed specs covering states, validation, interactions, and responsive behavior.

Can I get UI/UX design guidance for Unreal Engine UMG?▼

Yes, you can get UI/UX design guidance for Unreal Engine UMG, as the skill offers specific heuristics for Unreal UI alongside standard web interface design and review capabilities.

How do I design responsive behavior and interactions for a new web screen?▼

To design responsive behavior and interactions for a new web screen, input your initial layout concepts to receive expert polishing and definitions for various states and responsive adjustments.

Does web UI review help with microcopy and layout refinement?▼

Yes, web UI review helps with microcopy and layout refinement by analyzing existing pages or components to ensure products are intuitive, accessible, and visually polished.

Related Skills

Explore More Design & Creative Skills→
Sadiq-KolakarSadiq-Kolakar

uiux-wireframes

Generate structured wireframe layouts and navigation flows for web and mobile.

Community
Intermediate
asalhamedasalhamed

ui-designer

Translate UX research into UI specifications with design tokens and accessibility guidance.

Community
Advanced
jordanhubbardjordanhubbard
105

web-designer-engineer

Translate design specifications into accessible, responsive web components.

Community
Advanced
modu-aimodu-ai
267

ux-designer

Analyze user experience issues via heuristic evaluation, accessibility review, and user flow analysis.

Official
Advanced