win11-ui-demos

Installation
SKILL.md

仿 Win11 系统仿真演示动画(1:1 还原 · 光标演出)

观众看到的是一台真 Win11 电脑在"自己操作":Bloom 壁纸桌面、亚克力任务栏、资源管理器逐层打开、系统弹窗报错、蓝屏自动修复——一支会自己操作的鼠标引导观众看完全程,教学标记(问号徽章/警告牌/红圈)在还原界面上叠加解释。每镜头一个独立 HTML,电影化播放器底盘,全屏录屏即成片。

创作哲学

  1. 像素级还原是生命线:窗底 #f3f6fb、accent #0067c0、圆角 10px、双层阴影、亚克力任务栏 rgba(238,244,252,.82)+blur(18px)——观众潜意识信了这台电脑,演示才有说服力。宁可少做一屏,不可做歪一像素。
  2. 光标是主角:一支全程可见的鼠标(移动→悬停→单击→双击)就是叙事者,观众跟着它走。没有光标演出的系统演示=截图集。
  3. 教学标记层与还原层分离:界面归界面(1:1),讲解归讲解(问号徽章、警告牌、容量爆红、占比浮层——都是"老师的手"搭在真界面上)。
  4. 真实系统文案:错误码(0xc0000142)、"存储空间不足"、面包屑路径、状态栏项目数——细节真实感来自真文案。
  5. 因果链叙事:乱删 → 报错 → 蓝屏修复,系统界面的"剧情感"天然适合问题→恶化→解决弧线。
  6. 每镜头 15–45s,一次完整交互;口播对齐只写 cue 注释(无字幕条)。

Token 纪律(硬性)

  • 禁止通读 assets/template.html 与 assets/examples/ 下任何成片页(单个 20–50KB)。
  • 模板 cp 复制后 grep -n "改这里\|DUR=" 拿行号,只读标记区改写;成片页仅卡壳时 grep 定位后窗口读 ≤80 行。
  • 组件规格与手法优先查 references/ 两份浓缩文档。
Installs
12
GitHub Stars
1.5K
First Seen
13 days ago