UI 디자인 탐색
지정된 작업에 대해 사용 가능한 디자인 방향을 도출합니다. 대안을 생성하기 전에 기존 화면, 컴포넌트, 토큰, 밀도, 콘텐츠 및 상호작용 관행을 검사합니다. 재디자인이 요청되지 않는 한 제품 정체성을 유지합니다.
참조 증거 활용
외부 참조가 작업에 영향을 줄 때는 design-reference-research를 사용할 수 있으면 사용하거나, 관련 제공/기본 소스를 직접 검사합니다. 해당 소스의 커버리지를 소비하고, ID, 관찰 내용 및 불확실성을 캡처합니다. 완료된 연구를 다시 수행하거나 검사되지 않은 무드 보드를 증거로 취급하지 마십시오. 참조를 사용할 수 있다고 해서 제품에 이미 기반을 둔 소규모 작업에 연구가 필수적인 것은 아닙니다.
유용한 원칙을 기존 제품 정체성을 사용하여 원래의 대안으로 변환합니다. 각 중요한 선택이 사용자 작업 및 증거를 어떻게 따르는지 설명합니다. 플랫폼, 작업 및 제약 조건별로 충돌하는 패턴을 해결합니다. 호환되지 않는 내비게이션 시스템을 혼합하거나 다른 제품의 브랜딩을 복사하지 마십시오. 알 수 없는 상호작용 상태는 조용히 관찰된 동작을 발명하는 대신 확인해야 할 질문으로 전달합니다.
대안 프레임 구성
결과를 실질적으로 변경하는 선택만 명확히 합니다. 사용자 작업, 콘텐츠 계층 구조, 적용 가능한 상태, 접근성 제약 조건 및 대상 표면을 식별합니다. 대안을 색상뿐만 아니라 중요한 구조나 상호작용에서 차별화합니다. 요청에 비례하는 적은 수를 사용합니다. 항상 세 개를 생성하거나 병렬 에이전트를 요구하지 마십시오.
구현이 이미 요청되지 않는 한 탐색적 아티팩트를 프로덕션 코드와 분리합니다. 결정을 변경하는 경우 현실적인 데이터, 긴 레이블, 빈/오류 상태 및 반응형 레이아웃을 사용합니다. 각 대안이 개선하는 점과 비용을 보여줍니다. 스크린샷만으로는 포커스, 내비게이션 또는 지속성을 지정하지 않습니다.
사용 가능한 디자인 기능 활용
리포지토리 네이티브 컴포넌트와 사용 가능한 미리보기/디자인 도구를 사용합니다. 사용 가능한 전달물은 로컬 HTML, 기존 디자인 캔버스 또는 주석이 달린 시각 자료일 수 있으며, 호스팅된 벤더에 의존할 필요가 없습니다. 해당 증거 없이 디자인이 렌더링되거나 테스트되었다고 주장하지 마십시오.
명시적으로 구성된 Superdesign 통합의 경우 hosted-design.md를 읽습니다. 해당 서비스를 사용할 수 없을 때도 워크플로가 작동해야 합니다. 디자인 작업의 암묵적 전제 조건으로 최신 CLI를 다운로드하거나, 계정을 만들거나, 소스를 업로드하지 마십시오.
방향 전달
대안을 작업 및 제약 조건과 비교합니다. 사용자가 선택을 요청하면 해당 결정에 대한 실제 대안을 제시합니다. 사용자가 선택을 승인하면 또 다른 승인 게이트를 도입하지 않고 이유와 함께 권장하고 진행합니다.
선택된 아티팩트, 재사용된 토큰/컴포넌트, 레이아웃 규칙, 반응형 변경 사항, 상호작용/포커스 동작, 의미 있는 상태, 자산 및 해결되지 않은 결정을 제공합니다. 승인 기준 및 의도된 편차를 사용 가능한 참조 증거 ID와 연결합니다. 선택되지 않은 대안은 구현 요구 사항이 아닙니다. 선택된 디자인과 작동하는 구현을 구분합니다. 권한이 부여된 구현은 사용 가능한 경우 frontend-ui-engineering으로, 비평은 plan-design-review로 라우팅하지만, 둘 중 하나가 설치되어 있어야 하는 것은 아닙니다.
업스트림 워크플로 소스 및 공지 사항은 provenance.md를 참조하십시오.