المهارات ux-evaluator
🎨
UI 리뷰는 종종 주관적인 의견 싸움으로 전락되곤 합니다. 이 스킬은 업계 권위 있는 기관의 근거 기반 원칙에 디자인 피드백을 체계적인 3차원 프레임워크로 뒷받침합니다.
يدعم: Claude Codex Code(CC)
1
تنزيل ZIP المهارة
2
رفع في Claude
اذهب إلى Settings → Capabilities → Skills → Upload skill
3
فعّل وابدأ الاستخدام
اختبرها
استخدام "ux-evaluator". Review the Sign Up and Sign In button placement on my landing page. The Sign Up button is on the left.
النتيجة المتوقعة:
- ❌ 위치: 변경 필요 - 1차 작업(가입)은 왼쪽이 아닌 오른쪽에 있어야 함
- ✅ 시각적 가중치: 올바름 - 1차 작업에 채워진 브랜드 색상이 적절히 구별함
- ✅ 간격: 올바름 - 버튼 사이 8px 간격이 가이드라인을 따름
- 결론: 변경 필요
- P1: 버튼 순서를 [로그인] [가입]으로 교체 (GitHub, Stripe, Google 패턴별 업계 표준)
التدقيق الأمني
آمنv3 • 1/10/2026
Pure prompt-based skill containing only documentation and UX evaluation guidelines. No code execution, network calls, filesystem access, or any capabilities that could pose security risks.
2
الملفات التي تم فحصها
277
الأسطر التي تم تحليلها
0
النتائج
3
إجمالي عمليات التدقيق
لا توجد مشكلات أمنية
تم تدقيقه بواسطة: claude عرض سجل التدقيق →
درجة الجودة
41
الهندسة المعمارية
100
قابلية الصيانة
83
المحتوى
28
المجتمع
100
الأمان
78
الامتثال للمواصفات
ماذا يمكنك بناءه
버튼 배치 검토
GitHub 및 Stripe 패턴과 같은 업계 규칙에 따라 1차 및 2차 작업의 유효성을 검사합니다.
탐색 계층 구조 분석
탐색 요소가 사용성 표준에 따라 위치와 스타일이 지정되었는지 평가합니다.
表单 UX 준수 확인
表单 요소가 적절한 간격, 레이블 지정 및 오류 상태 가이드라인을 따르는지 확인합니다.
جرّب هذه الموجهات
버튼 검토 요청
내 폼에서 [제출/취소] 버튼 배치를 검토하세요. 3차원 프레임워크를 사용하고 업계 표준과 비교하세요.
탐색 평가
로고, 링크, 유틸리티 아이콘을 포함한 탐색 바 요소를 평가하세요. 위치와 시각적 가중치를 규칙에 따라 확인하세요.
表单字段分析
Analyze my form fields for label placement, error message positioning, and spacing between inputs. Reference Balsamiq guidelines.
전체 UI 컴포넌트 감사
내 [컴포넌트 이름]에 대한 완전한 UX 평가를 수행하세요. 세 가지 차원을 모두 사용하세요. 현재 상태를 문서화하고, 규칙과 비교하며, 출처가 있는 우선순위화된 권장 사항을 제공하세요.
أفضل الممارسات
- 권장 사항을 만들기 전에 항상 특정 측정값으로 현재 상태를 문서화하세요
- 각 권장 사항에 대해 권위 있는 출처(Balsamiq, Nielsen, 주요 플랫폼)를 참조하세요
- UX fundamentals을 깨는 P1 변경 사항을 P3 개선보다 우선시하세요
تجنب
- UX 원칙을 참조하지 않고 주관적인 미적 판단하기
- 업계 규칙과 비교하지 않고 변경 사항 권장하기
- 1차 및 2차 작업 계층을 구분하지 못함
الأسئلة المتكررة
이 스킬은 접근성(a11y)을 평가합니까?
터치 대상 크기(최소 44px)를 확인하지만 전체 접근성 감사나 스크린 리더 테스트는 수행하지 않습니다.
목업이나 스크린샷을 분석할 수 있습니까?
아니요. 텍스트로 제공된 설명에 기반하여 평가합니다. 시각적 분석의 경우 구성 요소 상태와 측정값을 설명하세요.
어떤 UX 프레임워크를 참조합니까?
1차 출처에는 Balsamiq 버튼 원칙, Nielsen 휴리스틱, GitHub, Stripe, Google의 패턴이 포함됩니다.
데이터가 저장되거나 전송되습니까?
아니요. 이는 프롬프트 기반 스킬로, 외부 데이터 접근이나 저장 없이 컨텍스트 내에서 완전히 작동합니다.
대안적인 디자인을 생성할 수 있습니까?
개선에 대한 권장 사항을 제공하지만 목업, 코드 또는 시각적 디자인 파일은 생성하지 않습니다.
일반적인 디자인 피드백과 어떻게 다릅니까?
체계적인 3차원 프레임워크를 사용하고 문서화된 규칙을 참조하여 주관적인 의견이 아닌 근거에 기반합니다.