skills.rest
NodeJSmith
NodeJSmithCOMMUNITY
Explore all skills by this author →
GitHub

mine.human-centered-design

Apply accessibility principles and inclusive patterns to frontend design.

1|Updated Feb 22, 2026
Search Tags:#inclusive design#accessibility#frontend#design principles#progressive enhancement#ux
One-click install
npx skills add https://github.com/NodeJSmith/Claudefiles --skill mine-human-centered-design
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mine.human-centered-design
Source: https://github.com/NodeJSmith/Claudefiles/tree/main/skills/mine.human-centered-design
Command: npx skills add https://github.com/NodeJSmith/Claudefiles --skill mine-human-centered-design

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill ensures that user interfaces are designed with empathy, accessibility, and inclusivity at their core, preventing the exclusion of users due to design oversights.

Core Features & Use Cases

  • Empathy Mapping: Understand user context, environment, and potential challenges.
  • Accessibility Principles: Apply Norman's 7 Principles and Nielsen's 10 Heuristics.
  • Inclusive Patterns: Implement design for diverse abilities and situations.
  • Progressive Enhancement: Build layered interfaces that work across different capabilities.
  • Use Case: When designing a new dashboard, use this skill to consider users with visual impairments, those on slow mobile connections, or individuals who are multitasking, ensuring the design is usable by the widest possible audience.

Quick Start

Use the mine.human-centered-design skill to review the accessibility and inclusivity of the proposed user interface design.

Frequently Asked Questions about mine.human-centered-design

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

FAQPage Schema
What is human-centered design in frontend development?▼

Human-centered design integrates empathy, accessibility, and inclusive patterns into frontend interfaces to prevent excluding users due to design oversights and diverse contextual challenges.

How do I apply progressive enhancement to web interfaces?▼

Progressive enhancement builds layered frontend interfaces that function across different capabilities, ensuring usability for users on slow connections or with varying device limitations.

When do I need inclusive design principles for a UI project?▼

Inclusive design principles are needed when creating interfaces like dashboards to systematically consider users with visual impairments, slow mobile connections, or multitasking constraints.

How do I review a user interface for accessibility heuristics?▼

Review accessibility by applying Norman's 7 Principles and Nielsen's 10 Heuristics to evaluate proposed user interface designs for empathy and diverse human needs.

Does this approach work for designing dashboards for diverse users?▼

Yes, this approach ensures dashboards are usable by the widest possible audience by mapping empathy, addressing visual impairments, and accommodating slow mobile network conditions.

What's the best way to map empathy for users with diverse abilities?▼

Empathy mapping systematically considers user context, environment, and potential challenges to ensure frontend design addresses diverse abilities and situational constraints throughout the lifecycle.

Related Skills

Explore More Design & Creative Skills→
HechaoYannetHechaoYannet

create-architecture

Generate a master architecture document from GDDs, ADRs, and governance constraints.

Community
Advanced
aaddrickaaddrick
125

bulletproof-frontend

Evaluates and improves CSS, HTML, and Blade templates using semantic design patterns.

Community
Intermediate
StudentCristianStudentCristian

nw-ux-principles

Evaluate interface designs using Nielsen's heuristics and WCAG-aligned accessibility basics.

Community
Advanced
kernex-devkernex-dev
1

uxui-evaluator

Evaluate UX/UI designs against a 168-principle taxonomy with cited findings.

Official
Advanced