🦴Bone Wizardry// live site nav is injected by /theme.css on real pages
For agents · delete this panel on a real page

Bone Wizardry deep-dive template

This is the skeleton every topic page follows. Copy it, fill the {{placeholders}}, and drop interactive modules from the interaction library into the section slots. All text here is a placeholder; there is no subject content baked in.

Page anatomy (top to bottom)

  1. Header — on a live page the site nav is inherited from /theme.css. The generic bar above is a stand-in so this file opens on its own.
  2. Hero + opening question — a title, a one-line hook, an optional pearlbox note, then the .bw-op opening board question the reader answers before anything is taught. Five choices, a verdict, a per-choice "why", a Socratic beat chain, and a punch.
  3. Teaching sections (2 to 4) — each section teaches one idea and carries one or more interactions dropped from the library. This is where variety lives.
  4. Clinical walkthrough — the .bw-wt component at the end: original board vignettes shown one at a time, answer then reason, with a Next case control.

How to build one

Diversity mandate — instruct the building agent explicitly

Vary the activities. Before building, pick 4 to 6 different interaction types from the library for this page (e.g. an accordion, a single-best MCQ, a hotspot diagram, a spectrum slider, a match-two-columns). Never lean on one type, and never place the same module type back-to-back.

Vary the order. Do not put the same section types in the same sequence every page. Shuffle which interaction leads and where the walkthrough-style checks fall, so no two pages feel templated.

Vary across the site. Each new topic should pull a different mix from the library than the last one built. If the previous page used tabs + slider + MCQ, this one should reach for different tools.

Concrete instruction to give the agent: "Choose a fresh, varied set of interaction types and a non-repeating order for this page. Do not reuse the previous page's set or ordering."

{{SUBJECT}} · {{CATEGORY}}

{{Page Title}}

{{One or two sentence hook that frames the whole page.}}

The pearl

{{One or two sentence takeaway an expert would lead with.}}

Prove it

Opening question

{{Optional one-line framing.}}

{{Vignette stem. Wrap clue words in gold clue and lab or blue clues in blue clue.}}{{Lead question?}}

  • Why this is correct{{Why A is correct. Use violet keywords for the payoff.}}
  • Why this fails{{Why B fails.}}
  • Why this fails{{Why C fails.}}
  • Why this fails{{Why D fails.}}
  • Why this fails{{Why E fails.}}
{{Section kicker}}

{{Section headline 1}}

{{One-line intro for this section.}}

{{ Drop a library interaction here }}
Pick a different module type than the other sections use.
{{Section kicker}}

{{Section headline 2}}

{{One-line intro for this section.}}

{{ Drop a library interaction here }}
Pick a different module type than the other sections use.
{{Section kicker}}

{{Section headline 3}}

{{One-line intro for this section.}}

{{ Drop a library interaction here }}
Pick a different module type than the other sections use.
Prove it

{{Walkthrough headline}}

Original board vignettes, one at a time.

Clinical walkthrough