스킬 자체의 표현으로
gstack-ios-qa-daemon을 통해 실제 iPhone에 연결하고, 모든 화면을 스크린샷으로 캡처한 다음 Apple HIG, DESIGN.md 및 모범 사례에 따라 시각적 디자인을 평가합니다. 타이포그래피 위계, 여백 리듬, 색상 위계, 터치 타겟, 로딩/빈/오류 상태, 접근성, 애니메이션 규율, iOS 관용구 정합성, 정보 밀도, AI 슬롭 체크 등 10가지 차원을 0-10점으로 채점하며, '무엇이 이것을 10점으로 만들 것인가'라는 프레이밍을 사용합니다.
/plan-design-review 채점 기준을 iOS 관용구에 맞게 포팅한 것입니다. 스크린샷, 화면별 점수, 최대 효과 개선 제안이 포함된 마크다운 보고서를 생성합니다. 계획 단계 디자인 리뷰(구현 전)에는 /plan-design-review를 대신 사용하세요. 실시간 웹 시각적 감사에는 /design-review를 사용하세요.
산출물
- 스크린샷이 인라인으로 포함된 마크다운 보고서, 화면별 점수(각 차원마다 0-10), 차원별 최대 효과 개선 제안
작동 방식
- 01실행 중인 데몬에 연결
실행 중인 gstack-ios-qa-daemon을 사용합니다. 실행 중인 데몬이 없으면 /ios-qa(0-2단계)와 동일한 흐름으로 하나를 생성합니다.
- 02화면 캡처
주요 화면마다(사용자가 제공한 화면 목록에서 가져오거나 접근성 트리를 통해 자동 발견) GET /screenshot과 GET /elements를 통해 스크린샷과 요소를 가져옵니다.
- 0310차원 루브릭 적용
타이포그래피 위계, 여백 리듬, 색상 위계, 터치 타겟, 로딩/빈/오류 상태, 접근성, 애니메이션 규율, iOS 관용구 정합성, 정보 밀도, AI 슬롭 체크를 0-10점으로 채점하고, 각 항목을 10점으로 끌어올릴 방법을 설명합니다.
- 04낮은 점수 표시
7점 미만인 모든 점수에 대해 AskUserQuestion을 사용하여 이슈를 권장 수정안 및 트레이드오프와 함께 제시하고, 사용자가 해결 여부를 결정할 수 있게 합니다.
- 05보고서 작성
스크린샷이 인라인으로 포함된 마크다운 보고서, 화면별 점수, 차원별 최대 효과 개선 제안을 생성하여 ~/.gstack/projects/<slug>/ios-design-review-<date>.md에 기록합니다.