codemon.ai 강의 슬라이드(HTML)를 생성하거나 업데이트한다. "슬라이드 만들어줘", "강의 슬라이드 생성", "프레젠테이션 만들기", "partner slide" 요청 시 사용. frontend-slides 스킬을 활용하여 단일 HTML 슬라이드를 생성하고, codemon.ai에 배포한다. 발표자 스크립트(MD)도 함께 생성한다.
강의 개요 MDX를 기반으로 슬라이드 HTML을 생성하고 codemon.ai에 배포한다.
frontend-slides — 실제 HTML 생성에 사용 (.claude/skills/frontend-slides/)public/slides/{slug}.html # 슬라이드 HTML
pages/partner/{slug}/slides.mdx # iframe 페이지
docs/{slug}-script.md # 발표자 스크립트 (선택)
pages/partner/{slug}/index.mdx 에서 커리큘럼 구조를 추출한다.
MDX 내용을 슬라이드 단위로 분해:
밀도 제한 (frontend-slides SKILL.md 기준):
frontend-slides 스킬의 Phase 3 워크플로우로 생성:
viewport-base.css 전체 인라인 포함html-template.md 구조 따르기저장: public/slides/{slug}.html
pages/partner/{slug}/slides.mdx:
---