mcpbeat Sign in

Ux Designer Agent Skill

| 우선순위별 UX 개선 권고안과 평가 보고서(휴리스틱·접근성·사용자 플로우)를 만들어 드립니다. 3개 차원(휴리스틱·접근성·플로우)을 분석해 심각도·우선순위가 매겨진 개선 로드맵으로 정리하고, ai-slop-reviewer·humanize-korean으로 마무리할 수 있습니다.

3k tokens
context cost
the whole folder, loaded on every use
2
files
instructions only
0
copies elsewhere
how many repositories repackaged it
265
stars on the repo
on the repository, not the skill itself

Install

one command, takes just this skill from the repository
npx skills add https://github.com/modu-ai/cowork-plugins --skill ux-designer

The instruction itself

7 sections, as written by the author

UX 디자이너 (UX Designer)

개요

UX 디자인 분석 및 권고안 생성 스킬입니다. Fan-out/Fan-in 패턴을 사용하여 3개 차원(휴리스틱 평가, 접근성 검토, 사용자 플로우 분석)을 병렬로 분석한 후 결과를 통합하여 우선순위별 개선 로드맵을 제시합니다.

제품의 사용자 경험(UX)을 다차원으로 분석하고 실행 가능한 개선 권고안을 제공합니다.

트리거 키워드

UX 디자인, 사용자 경험, UX 분석, heuristic evaluation, 휴리스틱 평가, 접근성, accessibility, 사용성, 사용자 플로우, wireframe, UX 리서치, UI/UX 검토, 디자인 개선

워크플로우

1단계: 제품 컨텍스트 분석

제품 유형(Web App, Mobile App, Desktop Software, Physical Product), 타겟 사용자(연령, 기술 수준, 장애 여부, 주요 언어), 디자인 목표(전환율 개선, 이탈률 감소, 만족도 향상, 신규 사용자 온보딩), 기존 화면(Wireframe, Mockup, 실제 화면 캡처)을 확인합니다.

2단계: Fan-out - 병렬 분석

3개 차원이 독립적으로 병렬 분석 수행:

차원 1: 휴리스틱 평가 (Heuristic Evaluation)

Nielsen's 10 Usability Heuristics를 기반으로 평가: 시스템 상태 가시성, 시스템과 현실 세계의 일치, 사용자 통제권과 자유, 일관성과 표준, 오류 예방, 인식보다 기억, 사용의 유연성과 효율성, 미적·최소화 디자인, 오류 진단·회복·정정, 도움말과 문서

차원 2: 접근성 검토 (Accessibility Review)

WCAG 2.1 (Level AA) 기준으로 평가: 인지 가능성(텍스트 대안, 캡션, 구분 가능, 크기 조정), 운용 가능성(키보드 접근, 충분 시간, 광과민성, 네비게이션 가능), 이해 가능성(가독성, 예측 가능, 입력 도움), 견고성(호환성, 마크업)

차원 3: 사용자 플로우 분석 (User Flow Analysis)

사용자의 여정(User Journey)을 분석: 진입 경로, 핵심 경로, 장벽 식별(Friction Points), 예외 경로(Edge Cases), 이탈 경로(Exit Points)

3단계: Fan-in - 결과 통합

상관관계 분석(차원 간 중복 이슈와 상호 의존성 파악), 심각도 산정(Critical, Serious, Minor, Cosmetic), 영향도 평가(비즈니스 영향), 우선순위 결정(심각도 × 영향도 × 해결 비용)을 수행합니다.

4단계: 우선순위 산정

RICE 프레임워크 또는 MoSCoW 방법으로 우선순위 결정:

  • RICE Score = (Reach × Impact × Confidence) / Effort
  • MoSCoW: Must Have, Should Have, Could Have, Won't Have

5단계: 개선 로드맵 제안

우선순위별 실행 가능한 로드맵 작성: 단기(1-2주), 중기(1-3개월), 장기(3-6개월)

사용 예시

예시 1: 이커머스 앱 결제 플로우 UX 개선

  • 제품: 모바일 이커머스 앱 (안드로이드/iOS)
  • 타겟 사용자: 20-40대, 모바일 네이티브
  • 디자인 목표: 결제 이탈률 감소 (현재 68%)
  • 기존 화면: 장바구니 → 배송 정보 → 결제 수단 → 결제 완료 (4단계)

예시 2: SaaS 대시보드 온보딩 UX 개선

  • 제품: B2B SaaS 대시보드 (웹 앱)
  • 타겟 사용자: 비기술적 마케터, 30-50대
  • 디자인 목표: 신규 사용자 첫 주 달성률 30% → 60%로 개선
  • 기존 화면: 회원가입 → 이메일 인증 → 대시보드 진입 (빈 상태)

출력 형식

UX 분석 보고서는 다음 섹션들을 포함합니다:

  • 제품 컨텍스트
  • Fan-out: 차원별 분석 결과 (휴리스틱 평가, 접근성 검토, 사용자 플로우 분석)
  • Fan-in: 통합 분석 (상관관계 분석, 우선순위 산정)
  • 통합 UX 권고안 (P0/P1/P2/P3)
  • 개선 로드맵 (단기/중기/장기)

주의사항

UX 분석 시 유의사항

  • 사용자 중심: 사용자의 관점에서 문제를 정의 (개발자/비즈니스 관점 배제)
  • 증거 기반: 주장은 데이터나 사용자 테스트로 뒷받침
  • 실행 가능성: 이상적인 해결책이 아니라 실행 가능한 개선안 제시
  • 우선순위: 모든 것을 한 번에 해결하려 하지 말고 영향력 순으로 접근
  • 접근성 기본: 모든 UX 개선은 접근성을 기본으로 고려

흔한 실수 피하기

  • 미적 디자인에만 집중: UX는 미적 디자인이 아닌 사용성과 경험
  • 내려가기 (Waterfall) 방식: 분석 → 설계 → 구현 순서가 아니라 빠르게 실험
  • 사용자 테스트 생략: 분석만으로는 부족, 실제 사용자 테스트로 검증
  • 일반적 권고안: "UX 개선" 같은 모호한 제안 지양
  • 접근성 후순위: 접근성은 추가 기능이 아니라 기본 요건

관련 스킬

| 스킬 | 사용 시점 |

|------|----------|

| moai-product:ux-researcher | 선행 작업: 사용자 리서치가 필요한 경우 |

| moai-product:spec-writer | 후속 작업: UX 사양서 작성 필요 시 |

| moai-content:landing-page | 대안: 랜딩 페이지 UX 개선 필요 시 |

후처리 체인

UX 분석 보고서의 서술형 권고안 부분(통합 UX 권고안 P0~P3 설명, 개선 로드맵 서술)만 다음 체인으로 마무리합니다. 심각도·RICE·우선순위 매트릭스 같은 표·점수 데이터는 정제 대상이 아닙니다:

moai-product:ux-designer → moai-core:ai-slop-reviewer → moai-content:humanize-korean

  • moai-core:ai-slop-reviewer: AI 특유의 상투적 표현·과장·군더더기를 점검하고 다듬습니다.
  • moai-content:humanize-korean: 자연스러운 한국어 문장으로 최종 정제합니다.

Other skills for the same job

different authors, same section of the catalogue
Protocolsio Integration
by christophacham
×4

Integration with protocols.io API for managing scientific protocols. This skill should be used when working with protocols.io to search, create, update, or publish protocols; manage protocol steps and materials; handle discussions and comments; organize workspaces; upload and manage files; or integrate protocols.io functionality into workflows. Applicable for protocol discovery, collaborative protocol development, experiment tracking, lab protocol management, and scientific documentation.

16k tokens
Tailored Resume Generator
by frostant
×4

Analyzes job descriptions and generates tailored resumes that highlight relevant experience, skills, and achievements to maximize interview chances

3k tokens
Excalidraw Diagram Generator
by github
vendor ×3

Generate Excalidraw diagrams from natural language descriptions. Use when asked to "create a diagram", "make a flowchart", "visualize a process", "draw a system architecture", "create a mind map", or "generate an Excalidraw file". Supports flowcharts, relationship diagrams, mind maps, and system architecture diagrams. Outputs .excalidraw JSON files that can be opened directly in Excalidraw.

36k tokens scripts
Expo Dev Client
by openai
vendor ×3

Build and distribute Expo development clients locally or via TestFlight

961 tokens
Executing Plans
by ZhanlinCui
×3

Use when you have a written implementation plan to execute in a separate session with review checkpoints

542 tokens
Anndata
by christophacham
×3

Data structure for annotated matrices in single-cell analysis. Use when working with .h5ad files or integrating with the scverse ecosystem. This is the data format skill—for analysis workflows use scanpy; for probabilistic models use scvi-tools; for population-scale queries use cellxgene-census.

16k tokens
Benchling Integration
by christophacham
×3

Benchling R&D platform integration. Access registry (DNA, proteins), inventory, ELN entries, workflows via API, build Benchling Apps, query Data Warehouse, for lab data management automation.

14k tokens
Biopython
by christophacham
×3

Comprehensive molecular biology toolkit. Use for sequence manipulation, file parsing (FASTA/GenBank/PDB), phylogenetics, and programmatic NCBI/PubMed access (Bio.Entrez). Best for batch processing, custom bioinformatics pipelines, BLAST automation. For quick lookups use gget; for multi-service integration use bioservices.

24k tokens

How to use it

Copy the folder

Take modu-ai/ux-designer from the repository into ~/.claude/skills for personal use, or into .claude/skills inside a project.

Check the name does not clash

The agent identifies a skill by the name field in its header. Two skills with the same name cannot sit side by side — one of them will be ignored.