스킬 지원
실제로 제공되는 스킬과 아직 수동으로 처리해야 하는 Calendar 설정 범위를 구분합니다.
reopt design업데이트
1. 현재 지원 상태
선택 설정: 공통 기반 스킬
opt-calendar 전용 설치 스킬은 아직 없습니다. Shell workspace에 넣는 경우 opt-shell-install이 adapter 기반을 준비하지만, Calendar 패키지와 styles.css는 아래 수동 절차로 연결해야 합니다.
소비자 프로젝트 루트에서 스킬을 에이전트 런타임에 설치합니다. 이미 설치했다면 이 명령은 생략할 수 있습니다.
npx skills add reopt-ai/reopt-skills/opt-shell-install설치 후 에이전트에게 아래처럼 요청하세요. 스킬은 현재 설치 상태를 확인해 신규 설치와 업그레이드를 구분합니다.
opt-shell-install 스킬로 Calendar를 배치할 Shell과 adapter 기반을 설정하고 검증해줘. opt-calendar 패키지와 CSS는 설치하지 마.스킬은 소비자 프로젝트의 AGENTS.md(없으면 CLAUDE.md)에 reopt marker 블록을 멱등하게 갱신하고, 설치된 패키지 버전의 문서를 읽은 뒤 typecheck·doctor 등 해당 모듈의 검증을 실행합니다.
아래 패키지 설치 명령은 스킬을 사용할 수 없거나 설정 과정을 직접 통제해야 할 때의 수동 대안입니다. 스킬 소스와 최신 지원 범위 확인.
현재 reopt-ai/reopt-skills에는 opt-calendar-install이 없습니다. 따라서 패키지 설치, 구조 CSS, 첫 Calendar, remote source와 AI streaming이 자동 설정된다고 안내하면 안 됩니다.
2. Shell workspace에서의 선택 경로
Calendar를 opt-shell workspace의 adapter로 사용할 때만 먼저 Shell 스킬을 적용할 수 있습니다.
npx skills add reopt-ai/reopt-skills/opt-shell-installopt-shell-install 스킬로 이 프로젝트의 Shell과 Calendar adapter 기반을 설정하고 검증해줘.이 스킬은 Shell, opt-palette peer, workspace recipe와 adapter 기반을 다룹니다. Calendar 패키지 설치와 styles.css import는 다음 수동 단계가 필요합니다.
3. Calendar 수동 설치
npm install @reopt-ai/opt-calendar
# 또는
bun add @reopt-ai/opt-calendarimport {
Calendar,
createCalendarStore,
createEmptyCalendarSpec,
} from "@reopt-ai/opt-calendar";
import "@reopt-ai/opt-calendar/styles.css";- React 19 peer를 확인합니다.
- AI 스트리밍을 사용할 때만 ai·zod optional peer를 설치합니다.
- App Router에서는 Calendar를 Client Component 경계에 둡니다.
- remote source와 AI suggestion은 필요한 프로젝트에서만 연결합니다.
4. 완료 기준
- typecheck와 lint가 통과합니다.
- 구조 CSS가 로드되고 week/day grid 높이와 scroll이 정상입니다.
- 키보드 이동, drag/resize, undo가 하나의 store patch 경로를 사용합니다.
- booking·remote·AI 중 실제로 쓰는 경로의 smoke test를 확인합니다.