제품 UI는 다시 만들지 않고 함께 쓴다
UXLab에서 검토한 컴포넌트·스타일·토큰을 실제 앱과 함께 사용한다.
우리가 정한 규칙
같은 개념의 UI는 같은 소스를 import한다. UXLab 화면을 보고 앱에서 비슷하게 다시 만들지 않는다.
작업할 때 적용하는 방법
- 제품 컴포넌트·스타일·토큰의 원본은
packages/product-ui에 둔다. - 실제 앱에서는 API·세션·라우팅을 연결하고, UXLab에서는 예시 데이터와 시나리오를 연결한다.
- 필요한 상태는 공용 컴포넌트의 props로 확장한다. 앱 전용 CSS로 외형을 덮어쓰지 않는다.
다시 꺼내 쓰는 순간
새 화면을 만들거나 디자인을 수정할 때 먼저 참고한다. 지금 보고 있는 랜딩 데모도 실제 앱의 문서·지식·회수 분석 컴포넌트를 그대로 사용한다.
foundocs를 만들며 남긴 실제 기록을 발췌·요약했어요.
원문: artifacts/knowledge/rules/uxlab-product-reuse.md