视频首帧丢样式?这款Skill来排查

在 HyperFrames 中使用 Tailwind 样式。

HyperFrames 的 tailwind Skill 指导 AI 在视频合成页面中使用 Tailwind,并排查渲染缺样式、首帧闪烁和版本迁移问题。适合已经用 HyperFrames 的 Tailwind 模板起步的作者。

预览过一会儿正常,不代表导出第一帧也正常。文档要求保留样式就绪机制,让渲染器等待样式准备好后再截图;固定运行时版本也属于这一约定,不能随手换成另一个加载地址。

它采用 Tailwind v4 的规则。颜色和字体等主题设置有对应写法,运行时还需要看见完整类名;如果直到跳转时间点才拼出一个类名,所需样式可能没有准备好。

Tailwind 在这里负责静态布局与样式,关键动画时序交给可定位时间的运行时。修改后要实际导出短片检查首帧。对于离线或受限环境,文档建议预编译成 CSS,再随项目提供样式文件。

分类:编程开发

来源仓库:heygen-com/hyperframes

适合用来做什么

  • 在HyperFrames中使用Tailwind CSS搭建一个导航栏。
  • 请将这个Tailwind CSS类转换为v4语法。

安装 tailwind

npx skills add https://www.iskills.cc/skills/heygen-com/hyperframes/tailwind/SKILL.md

在本机终端执行安装命令。安装前请阅读原始说明,确认所需工具、账号和权限。

查看安装步骤 · 查看常见问题

查看 tailwind 的用途与原始说明

浏览全部 Skill 指南