Communityコーディング&開発github.com

Wanglongbong/memory-tree-3d-qr

再利用可能なCodexスキルとReact/Three.jsスターター。安全にスキャンできる3DメモリーツリーQR体験のためのものです。

memory-tree-3d-qr とは?

このスキルは、デベロッパーやAIエージェントユーザーが、ReactとThree.jsを使用してインタラクティブな3DメモリーツリーQR体験を迅速に構築・展開できるようにします。主にCodexプラットフォーム向けに設計されていますが、他のJavaScriptベースの環境にも適応可能です。スキャンしても安全なQR体験に焦点を当てており、ユーザーが3Dツリーを探索しながら思い出やメッセージを追加できる没入型ウェブアプリケーションを作成できます。このスキールには、3Dレンダリング、ツリーノード管理、QRコード生成とスキャン機能のためのスターターテンプレートが含まれており、開発の出発点として再利用可能です。

対応~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に質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

memory-tree-3d-qr は何をしますか?

再利用可能なCodexスキルとReact/Three.jsスターター。安全にスキャンできる3DメモリーツリーQR体験のためのものです。

概要

このスキルは、ReactとThree.jsを用いて、スキャンしても安全な3DメモリーツリーQR体験を構築するための出発点を提供します。ユーザーは、3Dツリーを探索し、各ノードに思い出やメッセージを追加できます。

特徴

  • 3Dメモリーツリー:Three.jsでレンダリングされたインタラクティブな3Dツリー。
  • QRコード統合:QRコードの生成とスキャン機能を内蔵。
  • Codex対応:Codexスキルとして再利用可能。
  • スターターテンプレート:Reactプロジェクトのひな形として使用可能。

対応プラットフォーム

  • Codex
  • その他JavaScriptベースの環境

使用方法

  1. リポジトリをクローンします。
  2. 依存関係をインストールします(npm install)。
  3. 開発サーバーを起動します(npm start)。
  4. QRコードをスキャンして3Dツリーを体験します。

技術スタック

  • React:UIコンポーネント
  • Three.js:3Dレンダリング
  • Webpack:バンドル(オプション)

ライセンス

MIT

関連スキル