cursor-animated-sites 是一个叠加在 /docs-site-macos 玻璃主题之上的技能，用于构建单文件、自包含的 HTML 交互式走查页面：窄的左侧步骤列表 + 宽的右侧动画文件夹树，光标在左侧栏逐步移动（控制器→文件），文件在被创建的步骤以打字效果出现，节点按角色着色，支持手动单步与自动播放两种模式，并配有逐帧说明文字。
用途：讲解生命周期（安装→配置→运行）、顺序流程或数据流，尤其适合需要让观看者看清每一步读写哪个文件、顺序如何的场景。触发词包括“hoạt họa”“con trỏ chạy”“life cycle”“từng bước”“transcript”“minh hoạ cây thư mục”。
主要能力：沿用 docs-site-macos 的玻璃设计系统、字体、滚动条、背景层、输出路径 llmwiki/html/DDMMYY-<slug>.html 与自动托管，并继承其无障碍与文档头部分（viewport meta、title/description、内联 favicon、控制按钮的 :focus-visible 焦点环、prefers-reduced-motion 保护）。本技能新增：左侧步骤卡片、右侧带出生步骤的文件夹树、行内序号徽章、按角色着色（读=蓝、写/创建=青、放行=绿、拦截=红、泄漏=琥珀）、泄漏与裁决浮动标签、逐帧说明转录（作为主时钟控制帧推进）、光标颜色随角色变化。
使用方式：先生成基于 docs-site-macos 的基础页面，替换 body 为 hero + 控制区 + lifecycle 网格 + 图例结构；编写文件夹树行（每行带 data-born 与 seqslot）；编写 STEPS[] 数据（含显式空“安装前”步骤、角色、裁决/泄漏/标记）；注入引擎 JS 与 CSS 增量，默认暂停/静态；最后校验 HTML 解析并用自动托管服务器打开，逐帧点击 ⏭ 确认暂停时每帧清晰可读。控制区为 ⏮ / ⏭ Bước tiếp / ▶ Tự chạy。
限制与边界：不得重定义玻璃设计系统；缺少 viewport meta 导致移动端响应式网格失效，视为失败不可交付；HTML 解析报错须修复后再托管；暂停时某帧不可读（无序号徽章、空的首帧、说明与左栏重复）视为违反规则，需修复重测。prefers-reduced-motion 时跳过动画、显示完整帧。默认静止状态显示该步骤的完整最终帧而非空帧。
其他细节（如具体收费、平台支持等）资料暂未提供。