Community编程与开发github.com

Wanglongbong/memory-tree-3d-qr

可复用的 Codex 技能和 React/Three.js 模板,用于构建扫描安全的 3D 记忆树 QR 体验。

memory-tree-3d-qr 是什么?

该技能提供了一个可复用的 Codex 技能模板和 React/Three.js 项目启动器,专注于创建“扫描安全”的 3D 记忆树 QR 体验。它适用于 Codex 平台,开发者可以基于此快速构建交互式 3D 网页应用,核心功能是生成一个带有 QR 码的 3D 记忆树场景,旨在确保用户通过手机扫描二维码访问时获得安全、流畅的体验。技能通过整合 React 和 Three.js 实现 3D 渲染,并预置了记忆树的结构化数据模型和交互逻辑,降低从零开发的门槛。文档中可能包含安装步骤、配置说明和示例代码,方便开发者直接部署或二次开发。

兼容平台~Claude Code✓Codex CLI~Cursor
Part ofReact
npx skills add Wanglongbong/memory-tree-3d-qr

Installed? Explore more 编程与开发 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

memory-tree-3d-qr 是做什么的?

可复用的 Codex 技能和 React/Three.js 模板,用于构建扫描安全的 3D 记忆树 QR 体验。

概述

该技能提供了一个预配置的 React 和 Three.js 项目,帮助开发者快速创建 3D 记忆树。用户可以通过扫描 QR 码安全地访问和浏览一个三维的虚拟记忆树,每个节点代表一段记忆或内容。

特性

  • 扫描安全:确保通过 QR 码访问的网页应用符合安全标准,无恶意内容。
  • 3D 记忆树:使用 Three.js 渲染的交互式 3D 树形结构。
  • React 驱动:基于 React 构建,便于状态管理和组件化开发。
  • 可复用:作为 Codex 技能,可直接在 Codex 环境中使用或修改。

安装

git clone https://github.com/Wanglongbong/memory-tree-3d-qr.git
cd memory-tree-3d-qr
npm install

使用

npm run dev

然后通过浏览器访问本地开发服务器,查看 3D 记忆树的演示。

配置

可修改 src/config.js 中的设置,如树的节点数、颜色、QR 码链接等。

部署

构建生产版本:

npm run build

将 dist 目录下的文件部署到静态服务器或 QR 码指向的地址。

技术栈

  • React
  • Three.js (通过 react-three-fiber)
  • Vite

许可证

MIT

相关技能