RuiC-card-skill Skill 技能

RuiC-card-skill — 把一句话变成3D全息闪卡的 Codex Skill

你有没有见过那种小时候文具店门口卖的会闪的全息卡？RuiC-card-skill 把这个复刻到浏览器里，而且门槛低到只要「一句话」。

你给 Codex 一句描述，或者一张参考图，它就能全自动跑出一条闪卡生产线：先画四层图（主体、背景、线稿、文字），再在 Blender 里搭出有真实景深的 3D 场景，然后铺上随视角转动的镭射全息材质，最后打包成一个可以随便改的网页。

核心能力：

1. 一句话出卡：描述或参考图进去，卡片网页 + Blender 工程 + 分层素材 + 渲染图全部交付
2. 真实3D层次景深：主体前凸、背景后缩，各层随视角相对位移，不是一张平面贴图
3. 视差流光：镭射彩虹的相位跟着你的视角走，转到哪闪到哪；支持烫金/银箔/珠光/原画四种质感
4. 浏览器里交互：拖拽、翻面、景深/光泽/画面比例滑块，响应式布局支持手机横竖屏
5. 出厂自带验收：流水线内置无头浏览器测试，逐项验证拖拽、翻面、缩放、滑块、截图下载
6. 免装 Blender：官方便携版自动下载、SHA-256 校验后装进项目目录，不污染系统环境
7. 零依赖单文件：Three.js 查看器打包成单文件，广告拦截插件无从下手，离线也能跑

安装配置：

1. 将仓库克隆到本地：git clone https://github.com/HRuiCcc/RuiC-card-skill.git
2. 放入 Codex skills 目录：~/.codex/skills/RuiC-card-skill/
3. 环境依赖：Python 3 + Pillow，Node.js + npm（Blender 由流水线自动处理）
4. 验证安装：在 Codex 中调用 skill，说出你想要的卡片描述即可

使用步骤：

1. 开口：对 Codex 说「用 RuiC-card-skill 给我做一张水墨风锦鲤闪卡，文字用书法体」
2. 自动流水线：Codex 依次执行分层画图 → 生成配置 → Blender 构建场景 → 渲染导出
3. 本地验收：流水线自动启动本地服务，验收报告写入 verification/ 目录
4. 交付：收到网页链接 + card.blend 工程 + 四层透明 PNG + 渲染图

适用场景：

1. 个人创作：给自己、朋友、宠物做传说级闪卡
2. 独立游戏：为游戏角色批量生产卡组素材
3. 团队纪念：部门团建、公司活动、节日仪式感定制
4. 产品发布：发布会彩蛋，展示页嵌入可交互的闪卡
5. 材质实验：在 Blender 工程里研究全息、星光、线稿发光的参数组合

适用人群：独立创作者、游戏开发者、AI 工具爱好者、设计师、想让礼物更有仪式感的人

工作原理：核心是四层图共用同一套 UV 公式，在 Blender 和网页里按同一坐标系统合成；视差通过将视角方向变换进卡面坐标系实现；全息材质相位随观察角度变化，模拟真实镭射卡效果；Blender 便携版由流水线自动管理，项目隔离、互不干扰。

GitHub：https://github.com/HRuiCcc/RuiC-card-skill