HRuiCcc/RuiC-card-skill

解决的问题

它自动化了面向 Web 的 3D 全息“交易卡”的创建过程。用户无需手动设计资产和编写着色器，只需通过单个文本提示或参考图像，即可生成包含深度、全息闪光效果和 3D 查看器的完整交互式卡片。

工作原理

该项目作为一个“Codex Skill”流水线运行，通过以下步骤将提示转换为成品：

1. 分层生成：在共享坐标系上创建四个不同的图像层（主体、背景、线稿和文本）。
2. 3D 场景构建：使用 Blender 的便携版将这些图层排列在 3D 空间中，创建物理深度感（视差），使主体向前突出，背景向后延伸。
3. 材质应用：应用对观察者视角做出反应的全息着色器（激光彩虹、金箔、银箔或珍珠光泽）。
4. Web 组装：将 Three.js 查看器打包成单文件 HTML 页面，允许用户在浏览器中旋转、翻转卡片并调整其深度和光泽。
5. 交付：系统输出实时 Web 链接、可编辑的 .blend 文件、透明 PNG 图层和配置 JSON。

适用人群

• 创意人士和游戏开发者：用于快速原型化角色卡片或独立游戏资产。
• 宠物主人：用于将宠物照片变成“传奇”全息卡片。
• 营销人员：用于创建交互式数字收藏品或产品发布时的促销“彩蛋”。
• 3D 爱好者：用于在 Blender 中实验全息材质和视差效果。

亮点

• 一句话生成：从提示到交互式网页的全自动化。
• 真实 3D 视差：使用深度分离的图层而非平面图像来创建逼真的 3D 效果。
• 基于视角的闪光：全息效果根据观看角度变化，而不仅仅是定时循环。
• 零安装 Blender：自动下载并验证便携版 Blender，以避免污染系统环境。
• 单文件 Web 查看器：将 Three.js 和资产打包到一个文件中，以绕过广告拦截器并确保兼容性。
• 自动化验证：包含无头浏览器脚本以验证交互（翻转、滑动、缩放）并比较实际帧。