메뉴
Author Hi Tuto HTML lesson capsules. Use when emitting final lesson HTML, choosing scroll vs Canvas Studio vs slide shell, wiring tutor hooks, or applying postprocess/CSP constraints.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Hi-Tuto design system for all frontend/UI work in this repo. Use whenever creating or modifying React components, pages, styles, Tailwind classes, or the mascot in frontend/ — ensures the Thinkby-inspired look (flat vivid color panels, one-sided shadows, square mascot) stays consistent.
Source-grounding rules — cite retrieved facts, never invent specifics, prefer source packs over web when a document is attached. Use when a lesson has source packs or research. (Body pending Deep Agents skills wiring.)
Core pedagogy for Hi Tuto lessons — one mechanism per lesson, prerequisite ordering, active recall. Use when scoping or sequencing lesson content. (Body pending Deep Agents skills wiring.)
Data-synthesis guidance — generating plausible datasets for visualizations or simulations when no source data exists. Use during asset_plan for data-driven capsules. (Body pending Deep Agents skills wiring.)
Generate PBR meshes (Hunyuan 3D Pro) for Canvas Studio chapters only. Use when presentation is studio and subjects need realistic 3D. Studio chrome lives in ui-studio-style — this skill owns mesh generation only.
Simulation guidance — parameter sliders, physics/agent loops, and deterministic seeds. Use for simulation- or tool-archetype lessons. (Body pending Deep Agents skills wiring.)
| name | capsule-authoring |
| description | Author Hi Tuto HTML lesson capsules. Use when emitting final lesson HTML, choosing scroll vs Canvas Studio vs slide shell, wiring tutor hooks, or applying postprocess/CSP constraints. |
Emit one complete, self-contained HTML capsule that passes capsule/postprocess.py.
knobs.presentation / plan.presentation)| Presentation | Shell | Skill |
|---|---|---|
studio | Interactive specimen explorer (rails + 3D stage) | ui-studio-style |
page | Scroll mini-app | lesson_system.md paper theme |
slide | Stepped deck | ui-slide-deck |
auto | Resolved by coursegen/presentation.py (spatial/3D → studio, else page) | — |
When needs_3d: true or a Hunyuan mesh is present → studio (even if the user picked page).
go-data-src="/gen?..." or go-data-src="/image?query=..." onlydata-lesson-section, data-lesson-title, data-lesson-control on controls</body></html>; keep under ~45 KBui-studio-style (Fraunces / Sora) — do not mix cobalt paper tokensstudio-tokens.css + studio-orbit.js (orbit only when no mesh runtime)data-mesh-src present: do not start a second Three.js loopFollow coursegen/prompts/lesson_system.md paper theme (Bricolage / Jakarta / cobalt / grass).