tessera

Tessera는 AI 지원 저작을 위해 설계된 대화형 eLearning 코스를 구축하기 위한 JavaScript 프레임워크입니다. SCORM 1.2, SCORM 2004, cmi5, xAPI 또는 정적 웹을 지원하는 모든 LMS에서 실행됩니다. 이 프레임워크는 Svelte와 Vite를 기반으로 하며, 페이지는 `.svelte` 파일로 구성됩니다. Claude Code나 Codex와 같은 AI 코딩 어시스턴트와 함께 사용하도록 설계되었으며, 이 어시스턴트는 모든 프로젝트에 스캐폴딩된 `AGENTS.md` 파일을 읽어 코스 생성을 안내합니다. 주요 기능은 다음과 같습니다: - **작업 공간 구조**: 단일 패키지에 `courses/<name>/` 아래 여러 코스를 보유할 수 있으며, `$shared`로 가져올 수 있는 `shared/` 디자인 시스템도 포함됩니다. 각 코스는 독립적으로 내보내집니다. - **LMS 데이터 계약**: Tessera는 추적, 완료, 점수, 탐색 및 지속성을 처리하며 LMS에 자동으로 보고합니다. - **원클릭 내보내기**: 동일한 소스에서 SCORM 1.2, SCORM 2004, cmi5, xAPI 1.0.3 또는 정적 웹 번들로 코스를 빌드합니다. - **내장 컴포넌트**: `Callout`, `Image`, `MultipleChoice` 등을 참조 예제로 포함하지만 필수적인 모양이나 레이아웃은 없습니다. - **훅 API**: `useQuestion`, `useQuiz`, `useNavigation`, `useProgress`, `useCompletion`, `usePersistence`, `useXAPI`를 사용하여 사용자 정의 컴포넌트를 구축할 수 있습니다. - **검증 및 접근성**: `pnpm validate`는 구조를 확인하고, `pnpm a11y`는 axe-core 감사를 실행하며, `pnpm check`는 둘 다 결합합니다. 빠른 시작: `pnpm create tessera@latest my-courses`를 실행한 다음 `pnpm dev starter-course`를 실행합니다. Node.js 24+ 및 pnpm이 필요합니다. 이 프레임워크는 MIT 라이선스로 제공되며 기여를 환영합니다.