📋 Design System으로 시작하는 프롬프트

• 프로덕션 레벨 UI DESIGN.md 카탈로그
  https://t.co/BtBlxUgq4J

디자인 시스템을 위해서 이 프롬프트로 시작하는 것만으로도 퀄리티를 크게 바꿀 수 있어요.

여기에 글로벌 기업들의 디자인 패턴, 토큰, 규칙을 담은 저장소를 엮으면 더 좋죠.

💬 Prompt

Design System (흩어진 UI를 컴포넌트 라이브러리로 통합하기)

작업 내용: 이 프로젝트에 산재해 있는 UI 컴포넌트, 스타일 토큰, 반복되는 인터랙션을 재사용 및 유지보수가 가능한 하나의 통합된 디자인 시스템(컴포넌트 라이브러리)으로 추상화하세요.

직접 임시로 만든 일회성 컴포넌트들을 라이브러리 컴포넌트로 교체하고, 앞으로 추가되는 모든 새로운 UI는 우회 없이 무조건 이 라이브러리를 거치도록 적용해야 합니다.

마지막에는 리뷰 스킬을 추가하세요. 본 작업은 리팩터링이므로 워크트리에서 시작하시기 바랍니다.

수행 방식:

• 전체 계획 수립 (/goal):
  이 작업을 수행하기 위해 새로운 엔드투엔드(end-to-end) /goal을 작성하세요. 다음 단계를 일시적으로 처리하는 것에 그치지 말고 아키텍처, 구현, 테스트, 리뷰, 그리고 최종 결과물이 기준을 충족할 때까지의 전체 계획을 완성해야 합니다.

• 에이전트 분할 및 할당:
  해당 목표를 독립적인 단위로 쪼갠 뒤, 더 빠르고 효율적인 작업을 위해 필요한 만큼 병렬 에이전트를 생성하세요. 각 에이전트에게는 예상 산출물, 검증 방법, 완료 기준이 명시된 고유한 전담 /goal을 부여해야 합니다.

• 동시 실행 및 통합:
  에이전트들을 동시에 실행하고, 적절한 곳에서 진행 상황을 지속적으로 추적하세요. 결과가 반환되는 대로 이를 종합하고, 충돌을 해결하며 구현을 이어나가야 합니다.

• 실시간 검증:
  중요한 단계가 끝날 때마다 실시간 검증을 수행하세요. 검증은 브라우저/컴퓨터 사용, 클릭, 키보드 조작 및 필요한 모든 작업을 포함하여 실제 엔드투엔드 경로 전체를 포괄해야 합니다.

• 마무리:
  리뷰를 거쳐 적절한 시점에 제출 및 커밋을 진행하고, 최종 요약으로 작업을 마무리하세요.

⚠️ 주의: 자격 증명(Credential) 누락, 치명적인 모호함, 혹은 요구사항 간의 충돌로 인해 진행이 완전히 막힌 경우가 아니라면, 작업을 중간에 부분적으로만 수행하고 중단하지 마세요.