القائمة
Slide-deck lesson shell — one idea per slide with prev/next navigation. Use when knobs.presentation is slide or the learner asked for slides/deck/presentation mode.
التثبيت باستخدام 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.
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.
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.
| name | ui-slide-deck |
| description | Slide-deck lesson shell — one idea per slide with prev/next navigation. Use when knobs.presentation is slide or the learner asked for slides/deck/presentation mode. |
Build a stepped slide deck, not a long scroll article and not the Canvas Studio shell.
lesson_system.md (bg-paper, cobalt, grass)data-lesson-control="slide-prev" / slide-next / slide-goto-Ndata-lesson-section="slide-N" + data-lesson-titlego-data-src image, one interactive control across the deckui-studio-style)