用途：生成自包含的 HTML/CSS 动画，模拟真实应用功能，用于走查、引导演示和营销。产物不是 GIF，而是分辨率无关、体积小、易迭代的 HTML 文件。
主要能力：支持两种动画风格——Feature Demo（前→动作→后，展示单一功能变化）和 Carousel（多视图，交叉淡入切换多个应用界面）。支持桌面（960×620px）、移动（360×640px）或两者，移动版会简化布局、减少元素、放大相对尺寸。
使用方式：分四阶段。Phase 1 研究：需 Claude-in-Chrome MCP 工具，用 tabs_context_mcp、tabs_create_mcp 建专用标签页，导航目标应用，用 read_page、find、javascript_tool 提取颜色、字体、间距、组件样式与布局几何，并截图关键状态。Phase 2 访谈：用 AskUserQuestion 逐一询问动画风格、目标尺寸、功能、关键亮点、强调或隐藏内容、输出位置，3-6 个问题后停止。Phase 3 生成：先写 <app>-<feature>-brief.md 简报，经用户确认后生成 <app>-<feature>.html（移动版为 <app>-<feature>-mobile.html）。Phase 4 审查循环：用 python3 -m http.server 8765 --directory <output-directory> & 本地服务，导航 http://localhost:8765/<filename>.html?v=<timestamp> 审查，迭代至用户批准。
技术规则：圆形布局必须用三角函数计算位置，禁止目测；矩形边缘均匀分布；HTML 自包含，仅允许 Google Fonts @import；用 CSS transition 移动元素，JS 仅做循环控制与类切换，禁止内联样式；隐藏元素需同时用 opacity:0 和 visibility:hidden；生成后需验证内容不溢出舞台。
限制：依赖 Claude-in-Chrome MCP 工具与可访问的目标应用；需用户参与访谈与审查；资料未提供收费、价格、平台支持范围等信息。