작업 방식
Building Components는 재사용 가능한 UI 라이브러리를 만드는 엔지니어링 판단을 안내합니다. 조합, 키보드 동작, 상태 관리, TypeScript 인터페이스, 스타일에 관한 전용 참고 자료로 에이전트를 연결합니다. 진입 문서는 프리미티브, 컴포넌트, 블록, 템플릿을 다뤄 실제 결과물에 맞는 추상화 수준을 선택할 수 있습니다.
한 화면이 아니라 여러 사용처를 지원해야 하는 컴포넌트에 유용합니다. API 형태, 접근성, 배포를 함께 검토합니다. 소스는 주로 참고 자료 색인이므로 연결된 파일도 스킬의 일부로서 진입 파일과 함께 있어야 합니다.
예상 산출물
- 구현 요청에는 명시적인 조합 및 상태 모델을 가진 컴포넌트.
- 문서화 요청에는 컴포넌트 API와 관련 동작을 설명하는 사용 안내.
- 요청에 배포가 포함된 경우 적합한 패키징 또는 레지스트리 계획.
브리프에서 검토까지
- 01컴포넌트 계약 정의
대상이 프리미티브, 컴포넌트, 블록, 템플릿 중 무엇인지 정합니다. 공개 인터페이스와 호출 측에서 조합할 맥락을 설정합니다.
- 02관련 엔지니어링 지침 읽기
제어/비제어 동작은 state.mdx, 공개 조합 모델은 composition.mdx, 키보드와 포커스 요건은 accessibility.mdx를 읽습니다. 구현에는 types.mdx와 styling.mdx를 참고합니다. 호출 측에 해당 API 패턴이 필요할 때만 polymorphism 또는 as-child 참고 자료를 추가합니다.
- 03API 구현과 문서화
선택한 API로 상태와 표현을 연결합니다. 의도한 사용법을 설명하고 필요한 경우에만 npm, 레지스트리 또는 문서화된 다른 배포 경로를 선택합니다.