win11-ui-demos
Installation
SKILL.md
仿 Win11 系统仿真演示动画(1:1 还原 · 光标演出)
观众看到的是一台真 Win11 电脑在"自己操作":Bloom 壁纸桌面、亚克力任务栏、资源管理器逐层打开、系统弹窗报错、蓝屏自动修复——一支会自己操作的鼠标引导观众看完全程,教学标记(问号徽章/警告牌/红圈)在还原界面上叠加解释。每镜头一个独立 HTML,电影化播放器底盘,全屏录屏即成片。
创作哲学
- 像素级还原是生命线:窗底
#f3f6fb、accent#0067c0、圆角 10px、双层阴影、亚克力任务栏rgba(238,244,252,.82)+blur(18px)——观众潜意识信了这台电脑,演示才有说服力。宁可少做一屏,不可做歪一像素。 - 光标是主角:一支全程可见的鼠标(移动→悬停→单击→双击)就是叙事者,观众跟着它走。没有光标演出的系统演示=截图集。
- 教学标记层与还原层分离:界面归界面(1:1),讲解归讲解(问号徽章、警告牌、容量爆红、占比浮层——都是"老师的手"搭在真界面上)。
- 真实系统文案:错误码(0xc0000142)、"存储空间不足"、面包屑路径、状态栏项目数——细节真实感来自真文案。
- 因果链叙事:乱删 → 报错 → 蓝屏修复,系统界面的"剧情感"天然适合问题→恶化→解决弧线。
- 每镜头 15–45s,一次完整交互;口播对齐只写 cue 注释(无字幕条)。
Token 纪律(硬性)
- 禁止通读
assets/template.html与assets/examples/下任何成片页(单个 20–50KB)。 - 模板
cp复制后grep -n "改这里\|DUR="拿行号,只读标记区改写;成片页仅卡壳时 grep 定位后窗口读 ≤80 行。 - 组件规格与手法优先查
references/两份浓缩文档。