design

Enforce accessibility, consistency, and responsive design in UI/UX audits.

1|Updated Feb 19, 2026
One-click install
npx skills add https://github.com/moveonha/pixel-ai-studio --skill design-moveonha
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design
Source: https://github.com/moveonha/pixel-ai-studio/tree/main/.claude/skills/design
Command: npx skills add https://github.com/moveonha/pixel-ai-studio --skill design-moveonha

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

UI/UX 품질을 높이고 접근성 및 일관성 있는 디자인 시스템 적용을 통해 웹과 모바일 제품의 사용자 경험을 개선합니다. Nielsen 휴리스틱과 WCAG 2.2 AA를 기본으로 한 가이드라인과 패턴을 제공하여 디자인 팀 간의 협업을 원활하게 만듭니다.

Core Features & Use Cases

  • Nielsen 휴리스틱 및 WCAG 2.2 AA 준수 기반의 포괄적 UI/UX 설계 가이드
  • 반응형 레이아웃, 디자인 시스템 구축을 위한 토큰 및 패턴 제시
  • 랜딩 페이지, 대시보드, 폼 등 주요 화면 유형별 디자인 패턴 및 구현 제안
  • 디자이너, PM, 개발자 간의 규범 정합성 확보를 위한 협업 시나리오 가이드
  • 디자인 시스템 토큰링, 컴포넌트 재사용성 향상 및 접근성 검증 체크리스트 제공

Quick Start

랜딩 페이지 초안의 접근성, 반응형 설계, 디자인 시스템의 일관성을 점검하도록 지시한다.

Frequently Asked Questions about design

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

FAQPage Schema
How do I audit a landing page for WCAG 2.2 AA accessibility compliance?

To audit landing page accessibility for WCAG 2.2 AA compliance, evaluate UI components against enforced accessibility checklists and Nielsen heuristics. This process validates color contrast, semantic structure, and interactive elements to ensure usable responsive design across web and mobile products.

What is the best way to build a responsive design system with consistent UI tokens?

Building a responsive design system with consistent UI tokens requires defining standardized design patterns and spacing variables for set responsive breakpoints. This ensures cohesive component reusability and visual consistency across different screen sizes during product implementation.

Can I use Nielsen heuristics to evaluate dashboard and form UI patterns?

Yes, you can use Nielsen heuristics to evaluate dashboard and form UI patterns. Applying these usability principles during design audits helps identify interface inconsistencies and improves overall user experience quality across key screen types.

How do design system tokens improve collaboration between designers, PMs, and developers?

Design system tokens improve collaboration between designers, PMs, and developers by providing a shared vocabulary for visual properties. Token mapping ensures normative alignment and eliminates ambiguity during handoff and component reuse across web and mobile teams.

Does this UI/UX design approach support both web and mobile responsive breakpoints?

Yes, this UI/UX design approach supports both web and mobile responsive breakpoints. It enforces responsive layout guidelines and adaptable component patterns to maintain accessibility and visual consistency across varying device dimensions.

When should I not use a unified design system for product UI design?

You should not use a unified design system when building highly experimental or short-lived single-page interfaces. Strict WCAG 2.2 AA adherence and token mapping are best suited for scalable, long-term products requiring rigorous consistency rather than rapid, unstructured prototyping.