작업 방식
Design Flow는 관련 디자이너 스킬을 정해진 순서로 조율합니다. 확인 질문으로 시작해 브리프를 기록하고 정보 구조를 발전시키며 토큰을 정한 뒤 브리프를 구현 가능한 작업으로 나눕니다. 프런트엔드 구현은 이 작업 목록을 따릅니다. 각 단계에는 명확한 산출물과 디자이너가 확인하는 전환 지점이 있습니다.
원문은 중단 후 재개 가능한 워크플로를 제시합니다. 기능별 산출물을 .design 폴더 아래에 모아 다음 미완료 단계부터 이어갈 수 있습니다. 디자인 검토는 구현물이 생긴 뒤 별도로 요청하는 단계입니다. 순서를 완료했다는 사실만으로 시각 검토를 통과했다고 볼 수는 없습니다.
예상 산출물
- 필요에 따라 기능별 브리프, 정보 구조 및 토큰 산출물.
- 프런트엔드 구현 중 따르는 순서 있는 TASKS.md 체크리스트.
- 구현 단계에서 만든 컴포넌트와 페이지, 재개할 때 사용할 수 있도록 저장한 계획 산출물.
브리프에서 검토까지
- 01필요한 단계 선택
전체 순서를 설명하고 건너뛸 수 있는 단계를 식별합니다. 기존 토큰이 있거나 범위가 단일 컴포넌트라면 불필요한 작업을 줄일 수 있습니다.
- 02디자인 의도 확인 및 저장
관련 스킬의 절차를 끝까지 수행하고 같은 기능 폴더에 브리프와 정보 구조를 보관합니다. 다음 단계로 가기 전에 각 단계를 확인합니다.
- 03의도를 구현으로 전환
토큰을 생성하거나 확장하고 작업 목록을 만든 뒤 구현 단위별로 수행합니다. 작업 사이마다 확인을 거쳐 완료된 작업에 체크합니다.
- 04요청 시 검토
구현된 인터페이스가 있고 검토 요청을 받은 경우에만 별도의 design-review 스킬을 실행합니다. 스크린샷과 발견 사항은 해당 기능의 다른 산출물과 함께 보관합니다.