[{"data":1,"prerenderedAt":146},["ShallowReactive",2],{"use-case-en-teaching-materials":3,"use-case-features-en-teaching-materials":130,"use-case-related-en-teaching-materials":139},{"id":4,"title":5,"body":6,"description":111,"extension":112,"meta":113,"navigation":125,"path":126,"seo":127,"stem":128,"__hash__":129},"pages\u002Fen\u002Fuse-cases\u002Fteaching-materials.md","Lesson plans & demo animations",{"type":7,"value":8,"toc":101},"minimark",[9,13,18,22,26,29,33,47,51,70,74,77,81],[10,11,5],"h1",{"id":12},"lesson-plans-demo-animations",[14,15,17],"h2",{"id":16},"who-its-for","Who it's for",[19,20,21],"p",{},"K–12 teachers, university lecturers, corporate trainers, and course creators.",[14,23,25],{"id":24},"common-challenges","Common challenges",[19,27,28],{},"Slides live apart from scripts; animation tools have steep learning curves; every revision syncs across files.",[14,30,32],{"id":31},"how-writex-helps","How WriteX helps",[19,34,35,36,40,41,46],{},"Write syllabi and handouts in Markdown. The agent can generate ",[37,38,39],"strong",{},"HTML\u002FCSS\u002FJS mini-demos"," (physics, algorithms, timelines) saved beside your notes. Local-first for offline classrooms; ",[42,43,45],"a",{"href":44},"\u002Ffeatures\u002Fweb-search","web search"," when you need fresh public references.",[14,48,50],{"id":49},"typical-workflow","Typical workflow",[52,53,54,58,61,64,67],"ol",{},[55,56,57],"li",{},"Folder per unit: outline, handout, exercises.",[55,59,60],{},"Draft objectives and board notes.",[55,62,63],{},"Prompt the agent for an HTML animation; preview in project.",[55,65,66],{},"Iterate after class feedback.",[55,68,69],{},"Archive the full course pack at term end.",[14,71,73],{"id":72},"practical-tips","Practical tips",[19,75,76],{},"Start with a minimal animation to validate logic, then add polish; keep HTML next to Markdown in one project.",[14,78,80],{"id":79},"related-features","Related features",[82,83,84,90,96],"ul",{},[55,85,86],{},[42,87,89],{"href":88},"\u002Ffeatures\u002Fai-agent","AI agent",[55,91,92],{},[42,93,95],{"href":94},"\u002Ffeatures\u002Fmarkdown-editor","Markdown editor",[55,97,98],{},[42,99,100],{"href":44},"Web search",{"title":102,"searchDepth":103,"depth":103,"links":104},"",2,[105,106,107,108,109,110],{"id":16,"depth":103,"text":17},{"id":24,"depth":103,"text":25},{"id":31,"depth":103,"text":32},{"id":49,"depth":103,"text":50},{"id":72,"depth":103,"text":73},{"id":79,"depth":103,"text":80},"Teachers draft lessons in WriteX and use the agent to produce HTML\u002FCSS demo animations—saved locally for easy edits.","md",{"seoTitle":114,"summary":115,"audience":116,"category":117,"order":103,"related":118,"relatedCases":122},"Teaching Materials & Demo Animations | WriteX Use Case","Plans, handouts, and HTML demos in one local project.","Educators & trainers","education",[119,120,121],"ai-agent","markdown-editor","web-search",[123,124],"learning-notes","technical-documentation",true,"\u002Fen\u002Fuse-cases\u002Fteaching-materials",{"title":5,"description":111},"en\u002Fuse-cases\u002Fteaching-materials","mxTSJHkgr-jj1wax7hya-SevhpCNSD_jHGHGgDmLXho",[131,134,137],{"title":132,"to":133},"AI writing agent","\u002Fen\u002Ffeatures\u002Fai-agent",{"title":135,"to":136},"WYSIWYG Markdown editor","\u002Fen\u002Ffeatures\u002Fmarkdown-editor",{"title":100,"to":138},"\u002Fen\u002Ffeatures\u002Fweb-search",[140,143],{"title":141,"to":142},"Reading notes & knowledge capture","\u002Fen\u002Fuse-cases\u002Flearning-notes",{"title":144,"to":145},"Technical docs & API reference","\u002Fen\u002Fuse-cases\u002Ftechnical-documentation",1785483020704]