全部 Skills
前端交互HTMLv1.2.0

邀请码揭纸动效

覆盖纸从右侧卷起并向左揭开,逐步露出固定在底层的邀请码。支持点击或向左拖动、复制结果反馈和重新盖上;复制受限时可手动选择代码。演示不创建账户,也不校验真实邀请资格。

邀请码揭纸动效复制反馈

在线体验

交互效果示例

点击或向左拖动覆盖纸,揭开后复制邀请码;点重新盖上可再次体验。

在新窗口预览
从体验到项目

把这个效果用起来

完整包包含 Skill 说明、Python 生成器、HTML 模板、设计说明与离线预览。需要 Python 3.10+,无需额外依赖;支持自定义文字与配色、键盘操作及减少动态效果。

单独下载 SKILL.md
  1. 下载并解压

    保留 invite-code-flow/ 文件夹,其中的 SKILL.md 是技能入口,scripts/ 是生成器,templates/ 是界面模板,references/ 是设计说明。preview.html 可直接用浏览器打开。

  2. 交给 AI 编程助手

    把整个文件夹放进项目,让助手读取其中的 SKILL.md;如果你的工具支持 Skills,也可按它的方式安装。

  3. 说出你要的效果

    生成邀请码揭纸组件,将演示代码设为 WELCOME-2026;点击或向左拖动覆盖纸露出固定代码,支持复制和重新盖上,复制失败时允许手动选择。

Skill 源文件

SKILL.md
查看完整 Skill 内容