@thanh01.pmt/curriculum-kit 1.0.3 → 1.0.4

package/dist/workflow/index.mjs

@@ -6111,20 +6111,25 @@ function getArtifactSpecializedInvariants(type, req) {
    - Pacing: Target total duration is ${presentationDuration} minutes (~${Math.round(Number(presentationDuration) / Number(slideCount))} mins per slide).
    - Visual Style: "${presentationStyle.toUpperCase()}". Maintain high visual clarity, contrasting accents, and executive polish.
 2. **STRICT CONCISENESS & 6x6 RULE (ABSOLUTELY NO TEXT WALLS)**:
-   - A slide is a VISUAL PROJECTION CANVAS, NOT a textbook or lesson plan!
+   - A slide is an INTERACTIVE PROJECTION CANVAS, NOT a textbook or lesson plan!
    - Maximum 4\u20136 bullet points per slide.
    - Maximum 8\u201312 words per bullet point. Forbid dense multi-sentence paragraphs on the slide surface.
 3. **SPEAKER NOTES FOR ALL SPOKEN WORDS (<!-- Presenter Notes: ... -->)**:
-   ${includeSpeakerNotes ? "- MANDATORY: Every single slide MUST contain comprehensive presenter notes in `<!-- Presenter Notes: ... -->` at the bottom, giving the teacher the exact verbal talking points, analogies, and pacing tips." : "- Optional brief presenter notes."}
-4. **CLICK-TO-REVEAL SYSTEM**:
+   ${includeSpeakerNotes ? `- MANDATORY: Every single slide MUST contain structured presenter notes in \`<!-- Presenter Notes: ... -->\` at the bottom:
+     - SCRIPT: 60-90s teacher talk track with intuitive analogies.
+     - COLD CALL / CHECK: Diagnostic question to ask students.
+     - SCAFFOLDING / GOTCHA: How to resolve student misconceptions.
+     - PACING: Recommended minutes for the slide.` : "- Optional brief presenter notes."}
+4. **2-COLUMN & CALLOUT CARD LAYOUTS**:
+   - Use \`<div class="columns"><div>...</div><div>...</div></div>\` for comparisons, code vs. mechanics, or side-by-side tasks.
+   - Use \`<div class="card">\`, \`<div class="card highlight">\`, \`<div class="card warning">\`, and \`<div class="card success">\` for scannable chunking.
+5. **CLICK-TO-REVEAL SYSTEM**:
    - Use \`<!-- clicks -->\` before bulleted lists (\`<ul>\` or \`<ol>\`) for incremental click-to-reveal.
    - Use \`<!-- click -->\` before answers, code reveals, or key callouts.
-5. **2-COLUMN / SPLIT LAYOUT**:
-   - Use <div class="columns"><div>...</div><div>...</div></div> for side-by-side concept vs. code or problem vs. solution comparisons.
 6. **CONCISE CODE SNIPPETS**:
    - Maximum 6\u201310 lines of clean code per snippet with inline comments. Never paste whole files.
 7. **MERMAID VISUALS**:
-   - Use Mermaid flowcharts or sequence diagrams for workflows and control loops.`;
+   - Use Mermaid flowcharts (\`graph TD\` or \`graph LR\`) or sequence diagrams for workflows and control loops.`;
     }
     case "tiered_practice": {
       const techStack = cfg.techStack || (req.hardwarePlatform?.[0] || "Modern Programming Language");