Technique Demonstration Lesson — Step-by-Step Variant
A physical-skill demonstration page that breaks a technique into clear steps with practice prompts and form cues — pilots a music technique but the pattern fits any hands-on skill lesson.
Best for: Lessons teaching a physical or hands-on technique where the learner needs to see the move broken down, hear the form cues, and try it themselves.
Live preview — scroll inside the frame to see the full page.
What it does
- Whole-technique overview — opens with the technique performed at full speed so the learner knows the destination
- Step-by-step breakdown — divides the move into numbered steps, each with its own demonstration and short explanation
- Form-cue callouts — small reminders next to each step highlight what to feel, watch for, or avoid
- Practice prompts — clear, short instructions tell the learner exactly what to do between watches
- Common-mistake corrections — a callout block names the most likely errors and how to fix each one
- Responsive demo layout — works on a music stand, a phone, or a tablet propped near the practice area
Best use cases
- Music and instrument courses — break down a fingering, bowing, or strumming pattern step by step
- Athletics and fitness — teach a lift, a stretch, or a movement pattern with form cues
- Crafts and trades — demonstrate a knife cut, weld, stitch, or brushstroke in distinct stages
- Dance and physical performance — break down a sequence into named beats
- Surgical and clinical skills training — walk through a procedure in supervised steps
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 — slots for page background, step cards, form-cue callouts, common-mistake block, and the practice-prompt highlights
- Fonts — two roles: a display font for headlines and step numbers, and a body font for instructions and cues
- Copy — technique name and one-line description, three to seven step cards (name + cue + prompt), and the common-mistake list
- Images — demonstration video or image per step (looping clips work well), plus an instructor avatar in the header
- Behavior — whether each video autoplays, whether steps unlock sequentially, and whether the learner marks each step complete
How remixing works
From "swiped it" to "shipped it" in three steps.
Pick a remix
Browse the library, find one that fits — like this one.
Run it through your DNA
The remix skill uses your CCOS DNA to swap colors, fonts, copy, and structure so it lands as yours.
Ship it
Paste the finished HTML into Thinkific, Kajabi, WordPress, or any platform that takes embed code.
Create a new list
Save your favorites
Email me a magic link and I'll add this to your favorites list.