Anatomy Lesson — Labeled Diagram Teaching Page

What it does

• Diagram opener — a labeled visual sets the scene and lets the learner see the whole before the parts
• Part-by-part breakdown — each labeled piece has its own card with a name, function, and 'why it matters'
• Movement or function notes — explains how each part behaves, not just what it is
• Common issues — short callouts on what goes wrong with each part and what to do about it
• Synthesis close — pulls the parts back together into one working picture

Best use cases

• Health and movement — anatomy lessons across yoga, fitness, rehab, and dance
• Music — parts of an instrument and how each part shapes sound
• Engineering and trades — labeled machine, engine, or tool diagrams
• Software and product — labeled interface walkthroughs explaining each region of a screen
• Cooking — anatomy of a knife, structure of a sauce, parts of a cut of meat
• Design and writing — anatomy of a page, parts of a typeface, structure of an argument

What you can change with your DNA

When you run this through the remix skill, your CCOS DNA — brand, voice, audience — drives these decisions automatically:

• Colors — clean, editorial light-mode palette across page background, diagram colors, accent, and text.
• Fonts — two roles: a credible headline font and a clean body font. Editorial, not playful.
• Copy — diagram opener, three to seven part cards (name, function, why), common issues, synthesis close.
• Images — the labeled diagram is the centerpiece. Swap for any structural subject — anatomy, machine, instrument.
• Behavior — choose whether labels are static or a simple click-to-highlight pairing between diagram and card.