Shetland Geology
首页 > 财经 > 正文

用 Opus5.5 ,做一个会看鼠标的网站,skills 免费开源,10分钟复刻!

更新于 2026-09-30 09:09

我用 做了一个会“看人”的网站。

 

你的鼠标移到哪,它的眼睛就跟到哪。

 

 

换成柴犬也行:

 

发出去,收到了催更

 

 

所以,我把整个做法做成了一个

怎么做

第一步:安装 Skill

打开 Agent,把这段话发给它:

帮我安装:npx -y github:Agentchengfeng/chengfeng-cursor-follow install

 

装好后,新开一个对话,把仓库链接发给它,说一句“你跑一下这个”。它会先问你要主角图:

第二步:准备一张主角图

我们需要一张主角的正脸图。有现成的宠物照片、吉祥物,可以直接用;没有就去生一张:

 

用豆包的话,把【】换成你想要的动物:

一只【柴犬】,写实拍摄风格,正对镜头,只拍头和肩膀,头在画面正中间,左右留出空白。背景是一整片纯色,没有任何物体和文字。柔和的棚拍光,16:9。

 

用 的话,回它一句“你做一张柴犬的图”,它就自己生成了:

 

背景一定要是纯色。网页底色会用同一种颜色,不用抠图,主角直接和网页融在一起。

第三步:做两段转头视频

把图发给 Agent,说一句:

用 chengfeng-cursor-follow,拿这张图做两段转头视频

 

Agent 会先看你电脑上有没有视频生成工具:

 

做出来是两段 5 秒的视频,一段看左,一段看右:

 

 

两段都必须用这张图当第一帧。 我一开始用改图分别做了“看左”“看右”两张图,结果狗的位置和眼神对不上,接不起来。

第四步:生成网页

1. 如果视频是视频工具做的,把两段发给 Agent,说一句:

这是看左和看右两段视频,帮我做成网页

 

2. 如果视频是本地 Agent 生成的,不用发,它会接着做。

 

网页做好后会在浏览器里打开,Agent 会告诉你已经检查过鼠标在左、中、右三个位置的效果。

 

动一动鼠标:移到左边它看左,移到右边它看右,放在中间是正脸,就成功了。

 

原理其实很简单。Agent 把两段视频拆成几百张图,从看最左排到看最右,鼠标在哪,就显示哪一张:

 

网页上的名字、标题、按钮,Agent 会先定一版。

 

想改就直接跟它说,比如:

标题改成“柴柴盯着你”

 

最后就会出来这个网站

 

 

如果你还有问题,欢迎在下面指出