本帖使用社区开源推广，符合推广要求。我申明并遵循社区要求的以下内容：

• 我的帖子已经打上 开源推广 标签： 是 / 否


• 我的开源项目完整开源，无未开源部分： 是 / 否


• 我的开源项目已链接认可 LINUX DO 社区： 是 / 否


• 我帖子内的项目介绍，AI生成、润色内容部分已截图发出： 是 / 否


• 以上选择我承诺是永久有效的，接受社区和佬友监督： 是 / 否

以下为项目介绍正文内容，AI生成、润色内容已使用截图方式发出

不知道被谁举报了，然后被删了，emmmm，我确实不知道AI对话的引用也算是AI生成，脑壳痛。至于文章我敢保证全部是我自己手敲的 ^-^

开头

佬友们好。

这款框架我做了好久，最后终于是一个让我自己满意的状态问世了。

足够的轻量、足够的简单易懂、无任何依赖、一个静态的html即可搞定。

框架的核心思路是一个场景配一条时间线，这条时间线上可以挂一堆动画效果和元素，你可以指定分镜、什么时候出场、什么时候落幕，你即是导演。

简单的代码片段

<cv-animate from="opacity:0; x:-24" to="opacity:1; x:0" duration="500" name="title"><p>从左侧滑入</p></cv-animate>

<cv-animate from="--lit:0" to="--lit:1" duration="800" after="title -200"><span class="glow">发光</span></cv-animate>

我的设计很简单，让ai能轻松理解意思，不用去读一大堆的文档，研究源码等。

from和to和duration。就是起点->终点,过程用的时间。

after就是这个动画在指定的组件之后运行，支持正负值。-200即在之前出现。

关于skill部分

最开始我是想做成直接让AI读的一份文档，也就是导读，也确实这么做了，但是发现效果不太理想，只让ai导读没有具体的效果和解释，还是得自己花时间去研究效果，没有能简单对话就能直出的效果，很麻烦。因为框架这玩意儿，如果在以前的16年时候做出来，相信在座的各位都会夸我一声牛逼，但是现在嘛，那就是还得练。

所以我想说，如果框架+skill的组合有没有搞头？

所以我参考了grill-me的一些做法，并且用来加强到我的专项描述上，用来做沟通。

1. 引导需求


2. 定义主题


3. 索要实际的素材或文案并根据素材来进行推荐。


4. 给定方向和场景数量。


5. 定义好风格、字体、配色、动画效果。


6. 然后具体描述每一幕的分镜的设想


7. 沟通语言和设备限制。

然后还借鉴了 @arxiv 佬发的一些前端相关知识，感谢佬的知识和token​^-^

其中包含了41种设计思路，及创意性的指导，及八个视觉效果，然后放在skill里面。

我直接改为让随便一个人都能使用的框架不就好了？不用去研究，直接让ai先对话然后描述，先给你一个大的方向，让你按着这个方向再去修饰不就好了。

能解决什么？

主要解决的痛点我自己做了一下总结。我预设了部分常用动画，预设了组合，并且给了快速实现的方式，及便于维护，甚至说可以让人能读懂的方式，然后解决了ai重复构建的问题，节约了许多token和时间。

场景1:开发人员去做落地页，用ai写，东拼西凑拉一堆东西，兼容不好维护，代码不够优雅，很多地方容易重复浪费token去生成。

场景2:设计师出了素材和排版，想自己实现一些效果，但是不知道专业的动画效果名词如何制作，问ai设计的场景差强人意。

场景3:普通人有素材，但是不知道如何排版，如何调整，内容如何，视觉如何，就是啥都不知道。

以下全是直出，未做修改和调整，对话出来是什么样就是什么样。

opus落地页案例

deepseek依旧是人狠话不多系列，话说我能把deepseek调成这样，我也很佩服我自己，工具是专武 ^-^

deepseek 落地页案例

总儿言之，我把我的前端经验和我的设计思想都已经压榨干净了，一滴都没了。

期望

能多给我点建议，及优化和修改方向。

还有就是希望你们能用上多给我提供点素材，比如让gpt来做呀，或者是其他模型来做试试看，给我点震撼。

Cineview ｜ 电影视界

如果觉得做的不错的话，还希望佬们给我一个小小的star我将不胜感激。

更新

• 2026-10-29 修复了一个bug，曾导致npx skill AlienMu/cineview 失败