HyperFrames 的 tailwind Skill 指导 AI 在视频合成页面中使用 Tailwind,并排查渲染缺样式、首帧闪烁和版本迁移问题。适合已经用 HyperFrames 的 Tailwind 模板起步的作者。
预览过一会儿正常,不代表导出第一帧也正常。文档要求保留样式就绪机制,让渲染器等待样式准备好后再截图;固定运行时版本也属于这一约定,不能随手换成另一个加载地址。
它采用 Tailwind v4 的规则。颜色和字体等主题设置有对应写法,运行时还需要看见完整类名;如果直到跳转时间点才拼出一个类名,所需样式可能没有准备好。
Tailwind 在这里负责静态布局与样式,关键动画时序交给可定位时间的运行时。修改后要实际导出短片检查首帧。对于离线或受限环境,文档建议预编译成 CSS,再随项目提供样式文件。