ChatGPT 视频转前端简报技能：从界面演示提取布局、状态和动效
EnglishChatGPT 安装步骤
- 打开固定提交的 plugins/frontend-vibe-suite/skills/video-to-ui-brief/SKILL.md，核对原文的输入和输出。
- 在 ChatGPT 打开「插件 → 技能 → 创建 → 使用编辑器创建」。
- 按下面的工作流程填写技能规则。提供获准使用的视频画面或时间戳、产品背景和需要识别的界面任务。
- 保存技能，在新对话输入本页的虚构示例并核对结果。
中文摘要
用授权的视频关键帧、时间戳或观察整理前端实现输入。识别区域、层级、常见状态和动画节奏，把看不到的交互列为疑问。
SKILL.md 中文导读
可复现示例
虚构演示的 0–4 秒展示侧栏与表格，5 秒切深色，8 秒筛选后出现空状态。请给简报，动画缓动未知。工作步骤
- 按时间段标注区域、元素与事件。
- 提炼布局、视觉角色和状态转换。
- 列尚缺证据、实现约束及验证。
验收方法
记录结构、时间戳、深浅主题与空状态，并给候选实现说明。缓动标待查，不从片段假定键盘行为。
GitHub 原文 · 更新日期
适用环境
需要启用了技能创建的 ChatGPT 工作区。这里使用基于 GitHub 原文编写的文本改编。
常见问题
视频只显示鼠标动作可以认定键盘可用吗？
给可观察的点击路径与时间证据。把焦点、键盘和减少动效写成独立验收项。