작업 방식
Baoyu Design는 HTML 디자인 산출물을 만들기 위한 폭넓은 오케스트레이션 스킬입니다. 진입 문서는 와이어프레임, 앱 화면, 다이어그램, 문서, 슬라이드 같은 결과물을 각각 전문 내장 가이드로 연결하고, 공통 방법론이 디자인 프로세스를 제공합니다.
가장 큰 특징은 명시적인 디자인 컨텍스트입니다. 로컬 Figma 파일, 저장소 참조, 기존 HTML/CSS를 가져오기 워크플로로 연결하거나, 프로젝트를 복사된 디자인 시스템에 바인딩할 수 있습니다. 산출물은 서로 분리된 HTML 파일이 되지 않고 에셋 및 프로젝트 메타데이터와 함께 묶여 유지됩니다. 내보내기 범위도 구체적입니다. PowerPoint 내보내기는 지원되는 슬라이드 구조로 작성된 덱에 적용되며, 임의의 HTML에는 적용되지 않습니다.
예상 결과물
- 에셋이 복사된 독립 실행형 HTML 디자인 산출물
- design-system 바인딩과 에셋 메타데이터가 기록된 프로젝트
- 전용 워크플로가 적용되는 경우 지원되는 덱 또는 애니메이션 내보내기
브리프에서 검토까지
- 01컨텍스트 설정
레시피를 고르기 전에 산출물 유형, 충실도, 브랜드 참조, 기존 디자인 시스템을 파악합니다.
- 02알맞은 경로 불러오기
모든 환경에 동일한 미리보기 도구가 있다고 가정하지 말고, 해당하는 내장 가이드와 에이전트 환경용 도구 참조를 따릅니다.
- 03디자인 시스템 바인딩
기존 시스템을 사용할 때는 프로젝트 로컬 사본을 가져와 바인딩을 기록합니다. 새로 작성할 때는 컴파일, 검사, 미리보기 워크플로를 사용합니다.
- 04빌드 및 미리보기
HTML와 참조된 에셋을 함께 두고 결과를 로컬에서 서빙한 뒤, 실제 미리보기에서 확인한 후에 전달 완료로 간주합니다.