点赞反馈动效
通过内容卡片演示点赞按钮的未点赞、已点赞和取消状态。动效试播独立于点赞数据,支持键盘操作、重置和减少动态效果。适合文章、作品与社区内容的反馈按钮。
在线体验
交互效果示例点击卡片上的心形按钮点赞或取消;独立试播区只展示动画,不改变计数。
在新窗口预览从体验到项目
把这个效果用起来
完整包包含 Skill 说明、Python 生成器、HTML 模板、设计说明与离线预览。需要 Python 3.10+,无需额外依赖;支持自定义文字与配色、键盘操作及减少动态效果。
单独下载 SKILL.md- 下载并解压
保留
heart-reaction-grid/文件夹,其中的SKILL.md是技能入口,scripts/ 是生成器,templates/ 是界面模板,references/ 是设计说明。preview.html 可直接用浏览器打开。 - 交给 AI 编程助手
把整个文件夹放进项目,让助手读取其中的 SKILL.md;如果你的工具支持 Skills,也可按它的方式安装。
- 说出你要的效果
生成粉色点赞反馈组件,标题为 喜欢就点一下,强调色 #ff527b。点击更新计数,再点取消;动效试播不得改变点赞状态。


