菜单
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).