Process Block — Compact Checklist Variant

What it does

• Whole-process-at-a-glance list — every step is visible at once, like a printable checklist, so the learner sees the full scope
• Expand-on-tap details — each step row expands inline to reveal the description, image, and tips for that step
• Tick-to-complete — a checkbox or button marks each step done, advancing the progress bar across the top
• Progress bar — fills as steps are checked off, giving the learner a visible 'how far along' signal
• Reset and replay — a clear button unchecks everything so the learner can run the procedure again

Best use cases

• Pre-flight checklists — pre-launch reviews, pre-publish reviews, pre-event run-of-show
• Software setup — installation checklists, integration setup, deployment checklists
• Operations and SOPs — daily opening/closing checklists, restock procedures, audit checklists
• Healthcare and clinical — patient-prep checklists, procedure prep lists, post-visit handoffs
• Personal productivity — weekly review checklists, project kickoff lists, travel-prep lists

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, row background, progress bar fill, complete-state color, and accent
• Fonts — two roles: a clean display font for step titles, plus a body font for expanded descriptions
• Copy — title, intro line, per-step title and expanded description, optional tip text, and final 'all done' message
• Images — optional small icon or thumbnail per step in the collapsed row, plus a larger image inside the expanded view
• Behavior — choose the number of steps, whether multiple steps can be expanded at once, and whether the list is also printable