skills.rest
volodchenkov
volodchenkovCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ux-design-discipline

Apply usability heuristics and WCAG 2.1 AA standards to web and mobile interfaces.

2|Updated May 4, 2026
Search Tags:#accessibility#WCAG#UX#usability#design review#Nielsen heuristics#Figma
One-click install
npx skills add https://github.com/volodchenkov/claude-sdlc-agents --skill ux-design-discipline
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ux-design-discipline
Source: https://github.com/volodchenkov/claude-sdlc-agents/tree/main/skills/ux-design-discipline
Command: npx skills add https://github.com/volodchenkov/claude-sdlc-agents --skill ux-design-discipline

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill addresses the challenge of creating user interfaces that are both user-friendly and accessible, ensuring designs meet usability and inclusivity standards throughout the development process.

Core Features & Use Cases

  • Design Briefs: Produce comprehensive UX flows, Figma frame inventories, and component specifications to guide frontend implementation.
  • Accessibility & Usability Evaluation: Apply Nielsen heuristics and WCAG 2.1 AA standards to identify potential usability and accessibility issues in design mockups or live implementations.
  • Use Case: A designer wants to verify that a new mobile app adheres to accessibility standards and usability principles before development begins, ensuring a smooth user experience for all.

Quick Start

Review the provided Figma link and UX flow to prepare for the upcoming design tasks and accessibility review process.

Frequently Asked Questions about ux-design-discipline

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

FAQPage Schema
How do I evaluate a design mockup for WCAG accessibility compliance?▼

Apply WCAG 2.1 AA standards to your design mockups to identify accessibility and inclusivity issues. This ensures web and mobile interfaces meet established usability requirements before frontend implementation begins.

What are Nielsen heuristics and how do they improve UX usability?▼

Nielsen heuristics are established usability principles applied to evaluate user interface quality. Using them to review design briefs or live implementations identifies usability issues and ensures a consistent user experience.

Can I use this to generate a UX flow and Figma frame inventory for mobile apps?▼

Yes, you can produce comprehensive UX flows and Figma frame inventories for mobile apps. This generates detailed component specifications to guide frontend implementation and verify adherence to platform conventions.

What is the best way to review state coverage guidelines for web interfaces?▼

Review state coverage guidelines by applying established design principles to evaluate frontend conformance. This ensures consistent state handling and user experiences across web interfaces during post-implementation reviews.

Does this skill require a Figma link to perform a usability review?▼

Reviewing a provided Figma link and UX flow prepares the skill for design tasks and accessibility reviews. Supplying these inputs allows accurate application of usability heuristics and accessibility standards during evaluation.

Related Skills

Explore More Design & Creative Skills→
PetriLahdelmaPetriLahdelma
2

ui-design

Guide UI design covering design systems, typography, color, layout, and Figma handoff.

Community
Advanced
roanbrasilroanbrasil
5

accessibility

Enforce WCAG 2.1 AA accessibility standards in frontend development workflows.

Community
Intermediate
devkenidevkeni
1

figma-implement-design

Translate Figma designs into frontend code using Figma MCP workflows and design tokens.

Community
Advanced
Xza85hrfXza85hrf

accessibility-audit

Audit web applications for WCAG 2.1 issues and generate prioritized remediation reports.

Community
Intermediate