LogoSkills

/cc-designer:critique-screen — 화면 전체 시각 크리틱 7종 세트

화면에 대해 시각 크리틱 7종을 모두 실행하고, 우선순위가 매겨진 수정 목록을 출력합니다.

/cc-designer:critique-screen — 화면 전체 시각 크리틱 7종 세트#

항목내용
실행 명령/cc-designer:critique-screen
인자[screen name, Figma URL, or image — e.g., 'onboarding step 2' or a screenshot]

한마디로#

화면 하나를 놓고 시각 위계, 브랜드, 구도, 타이포, 색상, 어포던스, 정보 밀도까지 총 7가지 관점으로 한 번에 점검해서, 우선순위가 매겨진 수정 목록을 뽑아주는 명령어입니다.

누가·언제 쓰나요#

  • 디자이너나 PM이 화면 시안(스크린샷, Figma 링크 등)을 놓고 종합적인 디자인 리뷰를 받고 싶을 때
  • 출시 전에 화면을 꼼꼼하게 전방위로 점검하고 싶을 때

무엇을 해주나요#

  • 7가지 크리틱(시각 위계·브랜드·구도·타이포·색상·어포던스·정보 밀도)을 모두 실행합니다.
  • 발견된 문제를 P1(치명)/P2(중요)/P3(다듬기) 순으로 정리한 하나의 목록으로 모아줍니다.
  • 화면에서 가장 강한 부분과 가장 약한 부분을 한 문단으로 요약해 줍니다.
  • --quick: 어포던스·정보 밀도·시각 위계 3종만 빠르게 점검합니다 (UX 중심 축약 크리틱, 구 /designer:critique-ux 흡수).
⚙️ 상세 옵션·실행 명세 (개발자 / AI 에이전트용)

Run a full visual critique of a screen across hierarchy, brand, composition, typography, colour, affordance, and information density.

--quick mode: run only steps 1 (hierarchy), 6 (affordance), and 7 (information density), then prioritise — the UX-focused subset formerly exposed as /designer:critique-ux.

Steps#

  1. Visual hierarchy — Analyse entry point, eye flow, weight, and emphasis using critique-visual-hierarchy skill.
  2. Brand consistency — Check mood, voice, and token alignment using critique-brand-consistency skill.
  3. Composition — Evaluate balance, whitespace, rhythm, and gestalt using critique-composition skill.
  4. Typography — Audit scale, readability, consistency, and token compliance using critique-typography skill.
  5. Colour — Audit contrast ratios, palette coherence, semantic colour use, and accessibility using critique-color skill.
  6. Affordance — Evaluate clickability signals, state visibility, CTA clarity, and action discoverability using critique-affordance skill.
  7. Information density — Assess cognitive load, content priority, scanning patterns, and progressive disclosure using critique-information-density skill.
  8. Prioritise — Collect every flagged issue from all seven critiques and rank them:
    • P1 — Critical: Breaks usability, accessibility, or brand compliance; fix before shipping.
    • P2 — Important: Degrades experience or creates inconsistency; fix in current sprint.
    • P3 — Polish: Minor visual refinement; address when capacity allows.

Output#

A single prioritised fix list grouped by priority level. Each item includes:

  • Issue: what is wrong
  • Dimension: which critique area it belongs to (Hierarchy / Brand / Composition / Typography / Colour / Affordance / Density)
  • Fix: the specific change required Conclude with a one-paragraph overall assessment noting the strongest and weakest dimension.