cursor-animated-sites 是一个用于制作“光标动画分解”页面的技能，它作为 /docs-site-macos 玻璃设计系统之上的一层，复用其背景平面、玻璃层级、滚动条、字体、波纹、输出路径 llmwiki/html/DDMMYY-<slug>.html 及自动托管，只额外加入交互式分解动画。
用途：讲解生命周期（安装→配置→运行）、操作序列或数据流；适合任何“某物如何一步步工作”、观看者需要看到每一步读写哪个文件及顺序的场景。触发词包括“hoạt họa”“con trỏ chạy”“life cycle”“từng bước”“transcript”等。
主要能力：单文件自包含 HTML，光标在左侧栏移动，按顺序访问节点；新建文件以打字效果出现，节点按角色着色（src 蓝“读”、dst 青“写/创建”、pass 灰、deny 红、ok 绿、leak 琥珀）；每步有字幕解说与流程摘要；支持“Tự bước”（单步播放一帧后停止）和“Tự chạy”自动慢速播放；默认暂停/静态，尊重 prefers-reduced-motion。
使用方式：需要输入真实生命周期顺序、各步骤读写的文件、文件夹树及各文件诞生步骤。工作流 W01–W06：生成基础页、替换主体结构、编写树行（data-born 与 seqslot）、编写 STEPS[]（首步为空“之前”状态、角色、verdict/leak/marks）、放入引擎 JS 与 CSS 增量、验证（HTML 解析检查并用 ⏭ 逐帧确认暂停时可读）。
限制：不重新定义玻璃设计系统；缺少 viewport meta 会导致移动端响应式栅格失效，不得发布；HTML 解析检查失败需先修复；若某帧暂停时不可读（无序号徽章、空帧 0、字幕重复左栏）则违反规则，需修复。其余如收费、平台、效果等资料暂未提供。