Skill Sample

Calendar 스킬 샘플

공개된 LLM Guide 엔드포인트를 먼저 읽고 Calendar 또는 DatePicker를 만들도록 유도하는 에이전트용 재사용 프롬프트 템플릿입니다.

Calendar 문서로 돌아가기
Skill Sample

아래 샘플은 Skill, Command, 또는 재사용 가능한 지침 블록으로 등록해 사용할 수 있습니다. 실제 Calendar/DatePicker 요청을 이 프롬프트와 함께 전달하면 에이전트가 필요한 가이드를 먼저 읽고 구현 기준을 맞출 수 있습니다.

사용 개념

사용 중인 에이전트가 지원하는 방식으로 이 프롬프트를 등록한 뒤, 실제 사용자 요청을 함께 전달하세요. 어떤 도구는 커맨드 형태 호출을 지원하고, 어떤 도구는 저장된 프롬프트나 지침 파일 형태를 사용합니다.

가능한 커맨드형 호출 예시:

example
workspace%$make-calendar DatePicker에 9월 수요일 비활성화와 행사 marker를 추가해줘
스킬 호출 뒤에 이어지는 사용자 문장을 실제 @mycrm-ui/components Calendar/DatePicker 요청으로 간주하라.
코드를 작성하기 전에 필요한 가이드는 제공된 엔드포인트 리스트 중 적절한 것을 호출(curl)해서 먼저 열람하라.
Calendar와 DatePicker의 실제 동작, props, 기본값, 주의점은 가이드 내용을 우선 신뢰하라.

가이드 엔드포인트
- Calendar 기본 사용: 월간 달력 grid, 단일 날짜 선택, marker dot, 날짜 포맷을 구현할 때 읽는다.
curl https://www.mycrm-ui.com/document/calendar/basic-llm-guide.md
- Calendar Range 선택: 시작일/종료일 선택, draft 상태, hover preview 범위를 구현할 때 읽는다.
curl https://www.mycrm-ui.com/document/calendar/range-llm-guide.md
- Calendar Multiple 선택: 여러 날짜 선택, 선택 토글, 최대 선택 개수 제한이 필요할 때 읽는다.
curl https://www.mycrm-ui.com/document/calendar/multiple-llm-guide.md
- Calendar Pending / API 연동: 월 변경 후 API 응답으로 비활성 날짜나 marker를 갱신해야 할 때 읽는다.
curl https://www.mycrm-ui.com/document/calendar/pending-api-llm-guide.md
- DatePicker: Calendar를 trigger/popover/form input 형태로 제품 화면에 붙일 때 읽는다.
curl https://www.mycrm-ui.com/document/calendar/date-picker-llm-guide.md
- DatePicker 고급 옵션: DatePicker의 API 연동, 연도/월 선택, theme, marker, disabled 규칙을 조합할 때 읽는다.
curl https://www.mycrm-ui.com/document/calendar/date-picker-advanced-llm-guide.md
- Calendar 추가 지원 기능: 입력 포맷, 접근성, 키보드, focus 격리, 테스트 attribute를 확인할 때 읽는다.
curl https://www.mycrm-ui.com/document/calendar/support-notes-llm-guide.md
- Calendar CSS 커스터마이징: CalendarClassNames, DatePickerClassNames, calendarClassNames 슬롯을 적용할 때 읽는다.
curl https://www.mycrm-ui.com/document/calendar/css-classnames-llm-guide.md