搜索你想找的开源项目

输入名称、用途或关键词,也可粘贴 GitHub 仓库链接

分享到微信

当前解读页的微信分享二维码

用微信扫一扫打开,点击右上角「···」分享给朋友或朋友圈。

手机上可截屏后,在微信扫一扫中从相册识别二维码。

fanhuayishiy/ai-crew-pass

多媒体与设计

一个可拖动、翻面、编辑并下载九位 AI 同事 3D 工牌的互动网页。

142
11
TypeScript
MIT
创建于 5 天前

项目介绍

这个项目给 DeepSeek、ChatGPT、GLM、Qwen、Gemini、Claude、Kimi、Grok 和豆包九位 AI 助手各做了一张虚拟员工工牌。工牌挂在挂绳上,可以拖动、松手回摆,点击翻面;正反面都能下载透明背景 PNG,也能一次打包下载 ZIP。

技术栈是 Astro、React 和 Three.js,使用了 React Bits 的 Lanyard 与 ShinyText 组件,支持中英文切换。编辑模式允许直接替换卡面文字,编辑结果会同时用于 3D 展示和下载。卡面台词是用户指定的同人玩梗内容,角色形象为非官方同人创作。

快速使用

需要 Node.js 22.12 或更高版本。

npm install --no-package-lock
npm run dev -- --host 127.0.0.1
npm run build

启动后打开开发服务器打印的本地地址即可使用工牌页面。想直接体验可以访问在线领取工牌或英文演示。要修改角色、配色或文案,编辑 src/data/characters.ts 和 src/data/i18n.ts;修改卡面后按 README 中的步骤运行两个导出脚本更新下载文件,必要时再用 Playwright 验证脚本检查。

使用约束

  • 3D 挂绳依赖 WebGL;不可用时会降级为可翻面的静态预览,关闭脚本后仍可下载工牌。
  • 音效在首次交互后默认开启,可从右上角静音;音频随项目本地托管,没有背景音乐。
  • 页面浏览量统计只会在 badge.fhysy.com 下加载,统计的是 PV 而不是独立访客。
  • 许可是按部分分别适用的:项目代码为 MIT 并保留原 Hanging Pass 作者署名,React Bits 组件为 MIT 加 Commons Clause,字体为 SIL OFL 1.1,角色美术和下载图片属于非商业同人素材,不随代码自动变为 MIT。复用或商业使用前需要分别核对对应声明。

HotRepo 点评

仓库在 2026-11-09 出现在 TypeScript 新项目榜,记录为 111 Star、6 Fork,当天约一小时的统计窗口内净增 11 Star。这只是一个很短的快照,只能说明当时有过小幅早期增长,不足以判断长期趋势。从项目本身看,交互、编辑与下载流程、WebGL 降级方案以及拆分许可都写得足够具体,更像一个边界清晰的前端创意项目,而不是靠热度包装出来的仓库。

本文由 AI 根据项目 README 生成,更新于 ,以项目官方文档为准。