Holo Card Studio Skill:一句话生成可旋转的全息 3D 闪卡
还记得小时候在文具店门口翻来翻去的塑料闪卡吗?那种镭射彩虹随着角度流动的快乐,最近被一个 Codex Skill 复刻成了开源的「3D 全息闪卡流水线」。一条自然语言描述,配上一张参考图,agent 就能吐出可旋转、可翻面的 Three.js 网页、外加一份可继续编辑的 Blender 工程——这就是本周在 Rising Repo 与 AGI Hunt 同时登榜的 EverettFish/holo-card-studio。
总结
holo-card-studio 是一个为 Codex 量身打造的 Skill,把「一句话生成会闪的 3D 全息卡」做成了端到端流水线:模型先分层画四张图,再用 Blender 一键搭出带视差、镭射、星光的卡面,最后导出成可交互的 Three.js 网页交付。它爆火的原因有三——视觉冲击力强、与 Codex 原生图像能力深度咬合、跑通链路只需一句 prompt,对「想印谁就印谁」的创作者场景几乎是直击痛点。
功能与原则
核心能力一句话:输入文字或参考图,输出可编辑的 Blender 工程 + Three.js 网页全息卡。整套流程由 Codex 编排,遵循「分层画图 → Blender 搭建 → 浏览器导出」三段式生产链:先让模型分别画主体 / 背景 / 线稿 / 文字四层 PNG,再用 build_card.py 在 Blender 里完成视差、镭射条纹、Voronoi 星光的合成,最后 export_web.py 把几何导出、由 Three.js 模板重建同款视觉。
设计原则非常明确:
- 「Skill 本体只装代码和文本」:生成的图片、Blender 工程、模型统统落到用户的输出项目,仓库本身保持轻量
- 「Blender 不用用户装」:
ensure_blender.py自动拉官方便携版到/tools/,校验 SHA-256 后项目本地运行 - 「网页和 Blender 是两套实现、一套 UV」:
web-template用同一套 UV 公式在浏览器重建 shader 效果,避免 glTF 丢材质图
认可度
截至 2026-09-09,holo-card-studio 在 GitHub 上约 949 stars / 147 forks(opensourcedrop.com 2026-09 数据),OpenAgentSkill 同时段报告 720 stars / 102 forks(数据源采样时点不同,差异源于增量更新)。Rising Repo 给出 51 stars/天的星速,连续两日维持在 AI Agent Skills 分类榜前列。
社媒讨论方面:
- AGI Hunt 在 2026-09-07 头条刊文《Open-source Codex Skill turns one sentence into a holographic 3D card with Blender and Three.js》
- OpenAgentSkill 给到 84/100 的质量评分,标注「Production-ready」,并收录进 Browser automation 主推位
- Reddit、Hacker News、X 上围绕「3D 全息闪卡」关键词的讨论从 9 月初持续升温
链接
- GitHub:https://github.com/EverettFish/holo-card-studio
- AGI Hunt 报道:https://agihunt.info/en/p/1a07a13269db226eab1b2cc5a1a
- OpenAgentSkill 档案:https://www.openagentskill.com/skills/everettfish-holo-card-studio
原作者
EvErEtt(GitHub username: EverettFish)——独立开发者,同时维护另一个 325 stars 的插画仓库 EverettFish/ip_illustration_for_yourself。README 致谢里特意提到了小红书 @乌托邦的香蕉🍌 的实现教程,整体风格走「中文文档 + Codex/AI 友好」路线。
介绍
按 README 描述,holo-card-studio 是这样工作的:Codex 收到一句「用 holo-card-studio 给我做一张水墨风的锦鲤闪卡,文字用书法体,编号 No.001」之后,会先把推断出的卡片规格复述给用户确认,然后顺序执行「画图 → 生成文字层 → 写配置 → 跑流水线 → 起本地服务 → 在浏览器自测拖拽/翻面/滑块/响应式 → 交付」。
每一张卡自带一份 card-config.json,里面写着稀有度、编号、文字内容、属性字段等,改完字重跑流水线即可更新;交付物是四层 PNG、card.blend Blender 工程、Three.js 网页链接、几张渲染图。如果上传一张照片,模型会保留主体的神态与构图,只重画背景与线稿,把猫主子做成卡牌的仪式感拉满。
项目自带 references/art-direction.md(分图层 prompt 写法与参考图处理)、config.example.json(卡片配置示例)、verification.md(交付前的验收清单)三份配套说明。批量出整套 RPG 角色卡、做团队成员卡牌、给朋友做生日闪卡,都是 README 列出的现成场景。
特点
- 四层图层结构:主体 / 背景 / 线稿 / 文字分层画,再在空间里「撑开」,产生真实视差
- 镭射彩虹 shader:相位跟着视角走,转到哪儿闪到哪儿,配色支持粉-黄-蓝-白渐变
- 可编辑的 Blender 工程:缩放、深度、视差、镭射条纹、星光、线稿发光全部是独立材质节点,方便二次调
- 网页版同步重建:用 Three.js 按同一套 UV 公式重建卡片效果,手机横竖屏都能玩
- 零外部依赖:Blender 自动下便携版并校验 SHA-256,不污染系统环境;不需要付费图像 API
- 零隐私顾虑:Skill 只装代码文本,生成的画作和工程都留在用户自己的项目里
使用方法
安装
把仓库克隆到 Codex 的 skills 目录即可:
git clone https://github.com/EverettFish/holo-card-studio.git
~/.codex/skills/holo-card-studio/
前置依赖仅两项:Python 3 + Pillow、Node.js + npm。Blender 由 scripts/ensure_blender.py 自动下载并校验。
基本调用
在 Codex 里直接说人话:
用 holo-card-studio 给我做一张赛博朋克风的机械猫闪卡,背景霓虹雨夜,编号 No.007
或者上传参考图加一句限定条件:
照这张图做一张闪卡,保留人物和构图,背景换成星空
Codex 会先复述规格、确认细节,再开始跑流水线。
最小示例
用 holo-card-studio 做一张"复古胶片风、粉金配色、背面写一句话"的纪念卡,
正面写"Hello 2026",编号 No.001,稀有度 R。
预期产出:
- 本地网页链接(拖动旋转、翻面、滑块控制镭射强度)
card.blend(在 Blender 里继续调材质 / 换灯光 / 出渲染图)assets/下的四层 PNGcard-config.json(改稀有度 / 编号 / 名字后重跑流水线即可更新)
打包分享
python scripts/package_skill.py
按白名单只打包文本文件,得到干净可分发的 ZIP。
使用场景与人群
适用场景:
- 角色卡牌 / RPG / 抽卡预热:战士、法师、Boss 一人一句批量出,附稀有度编号
- 团队成员卡牌:头像当主体、部门色当背景、Slogan 当文字层,HR 入职仪式感
- 朋友生日 / 周年纪念卡:上传照片 + 限定描述,生成专属全息闪卡
- 产品发布 / 路演最后一页:抛一个会闪的链接,扫码就能转
目标人群:
- 已经在用 Codex / Claude Code 的创作者与产品经理
- 桌游独立开发者、TRPG DM、插画师
- 想给团队/客户做「仪式感物料」的小团队负责人
- 任何想试 AI 3D 内容生产链路的工程师与设计师
不适合:大型品牌方做正式视觉物料(建议直接找设计师)、需要 100% 一致的多语种卡组(图像生成层不可控)。
输入与输出案例
案例 1:批量角色卡组
输入:
用 holo-card-studio 帮我做一套 RPG 角色卡:
1. 战士「钢铁之心」,稀有度 SR,红黑配色,编号 C-001
2. 法师「虚空咏者」,稀有度 SSR,紫金配色,编号 C-002
3. 盗贼「夜行者」,稀有度 R,蓝银配色,编号 C-003
输出:
- 三张卡的
card.blend工程(每张都是独立 Blender 文件) - 三个本地 Three.js 网页链接,可分别旋转 / 翻面
- 三份
card-config.json,稀有度 / 编号 / 文字都是结构化字段 - 一组渲染图(正面 / 背面 / 镭射特写)
案例 2:上传照片做纪念卡
输入:
- 参考图:猫主子的日常照
- 描述:
传说稀有度 SSR,金色边框,名字叫布丁,正面写「朕赐你小鱼干」
输出:
- 网页链接:拖动时猫在卡里往前凸,背景往后退,镭射彩虹随角度流动
- 主体保留真实照片的神态,背景与线稿全部新画
card.blend里镭射条纹、星光、金色卡边都是可调材质节点- 一份带「SSR」角标的渲染图,可直接发朋友圈
整体看下来,holo-card-studio 把「3D 全息闪卡」这条玩具赛道第一次拉到了「一句话就能复现」的门槛——对一个仍在高速增长的 Codex Skill 来说,下一步是否能扩展到多卡组自动化、是否支持 LoRA 风格化、是否会接入更多 agent(Claude Code / Cursor),都值得持续盯。
评论区
登录后可评论。