스킬 자체의 표현으로
design-critique는 탐색 단계부터 최종 마무리 단계까지, Figma URL, 스크린샷, 또는 서면 설명을 가진 누구에게나 공통된 디자인 리뷰를 실행합니다. 첫인상, 사용성, 시각적 계층, 일관성, 접근성이라는 다섯 부분으로 구성된 프레임워크를 따릅니다. 피드백 규칙은 에이전트가 모호한 불만을 넘어서도록 요구합니다: 경쟁하는 요소를 명시하고, 디자인 원칙이나 사용자 요구에 비추어 이유를 설명하고, 대안을 제시하고, 잘 작동하는 부분을 인정할 것.
출력물은 전반적인 인상, 심각도가 표시된 사용성 표(Critical, Moderate, Minor), 일관성 표, 접근성 노트, 잘 작동하는 부분 목록, 세 가지 우선순위 권고사항이 포함된 마크다운 형식의 평가입니다. 디자인 도구나 사용자 피드백 커넥터가 있는 경우, 컴포넌트와 토큰을 검사하거나 지원 티켓을 상호 참조합니다.
산출물
- 각 발견 사항을 심각도 수준 및 권장 수정 방법과 함께 나열한 사용성 표.
- 디자인 시스템 대비 타이포그래피, 여백, 색상 편차를 정리한 일관성 표입니다.
- 영향도 순으로 정렬된 우선순위 권장사항 목록으로 마무리합니다.
작동 방식
- 01디자인을 먼저 살펴보게 하십시오
Figma URL이 있으면 Figma에서 가져오고 참조된 파일을 읽습니다. 둘 다 없으면 에이전트가 사용자에게 디자인을 설명하거나 공유하도록 요청합니다.
- 022초간의 첫인상부터 시작하십시오
분석에 들어가기 전에, 시선이 먼저 향하는 곳이 맞는지, 감정적 반응이 어떠한지, 목적이 즉시 명확한지를 먼저 기록합니다.
- 03다섯 가지 차원을 순서대로 살펴보십시오
사용성, 시각적 계층 구조, 일관성, 접근성 각각에 대해 별도의 프롬프트 세트가 적용되며, 읽기 순서와 여백부터 명암비와 터치 타깃까지 다룹니다.
- 04명시된 스타일 규칙에 따라 피드백을 작성하십시오
발견 사항은 구체적이고 설명이 뒤따라야 하며, 대안이 함께 제시되어야 하고, 이미 잘 작동하는 부분과 균형을 이루어야 합니다.
- 05Markdown 출력 템플릿을 채우십시오
고정된 구조는 전체 인상, 심각도가 표시된 사용성 표, 계층 구조 노트, 일관성 표, 접근성, 잘 작동하는 부분, 우선순위 권장사항 순으로 구성됩니다.