アイデアをレシピやキット、フレームキャプチャを使ってThree.jsやBlenderのシーンにする、AIコーディングエージェント向けスキル。
img2threejs/img2interior
1枚の室内写真から、編集可能なBlenderシーン、Three.jsビューアー、持ち運び可能なGLBモデルを作成するエージェント駆動型スキル。
- スター
- 46
- フォーク
- 6
- 未解決の Issue
- 0
- 最終コミット
- 15 時間前
これは何?
img2 Interiorは、img2 harnessを基盤とする、Claude Code、Codex、OpenCode向けのエージェント駆動型スキルです。室内の参照画像を1枚渡すと、エージェントが画像を分析し、ジオメトリと物理ベースマテリアルを使ってBlenderシーンを作成します。続いてレンダリング結果を参照画像と比較し、Three.jsビューアーを構築します。
ワークフローでは3種類の成果物を生成します。パック済みの編集可能なBlenderマスターファイル、ライトマップとプローブのサイドカーファイルおよびビューアーのコードを含むランタイムGLB、そして見た目をベイクした独立した静的ポータブルGLBです。1枚の画像だけでは得られる情報が限られるため、寸法、隠れた面、カメラの値は推定値として明記されます。正確な復元やフォトリアリズムをうたうものではなく、事前学習済みの画像からメッシュを生成するモデルでもありません。
インストール時はnpmでパッケージを専用のprefixに取得し、img2 harnessに登録します。ネイティブな制作には、bpyとnumpyを含む別途用意したPython 3.11環境が必要です。ソースは商用利用に制限のあるソース公開ライセンスで提供されています。
主な機能
- 01室内の参照画像1枚から、編集可能なBlenderシーンを構築します。
- 02レンダリング結果を参照画像と比較し、ジオメトリとマテリアルを修正します。
- 03パック済みの.blendマスター、Three.jsビューアー付きのランタイムGLB、ポータブルGLBをエクスポートします。
- 04リソースの出典、前提条件、検証の根拠をプロジェクト内に記録します。
- 05npm経由でインストールしてimg2 harnessに登録することで、Claude Code、Codex、OpenCodeで利用できます。
ユースケース
- インテリアデザインのコンセプト画像から、クライアントが確認できる探索可能な3Dの部屋を作る。
- 参照写真1枚をもとに、室内シーン制作の出発点となる編集可能なBlenderシーンを作成する。
- Three.jsビューアーを使って、ブラウザーで閲覧できる部屋のウォークスルーを公開する。
- ほかのglTF対応ツールで使える、独立したGLB形式の部屋モデルを作成する。
クイックスタート
- 1
専用の prefix に npm からパッケージをインストールします
npm install --prefix "$HOME/.local/share/img2interior" @img2threejs/img2interior@0.3.1 - 2
インストールしたコピーを img2 harness に登録します
npx --yes @img2threejs/img2@0.4.0 add --link "$HOME/.local/share/img2interior/node_modules/@img2threejs/img2interior" --yes - 3
エージェントのセッションを再起動し、プロジェクトを開いて、部屋の画像を1枚使って「コピーして使用」プロンプトを実行します
使う前に知っておきたいこと
- 事前学習済みモデルでもワンクリックで使えるモデルでもありません。結果はシーンごとの作成内容と目視確認に左右されます。
- Claude Code、Codex、または OpenCode に加えて、bpy 4.3.0 を備えた独立した Python 3.11 環境が必要です。
- img2 harness(0.4.0 以降)と WebGL 対応ブラウザーが必要です。
- ライセンスは NOASSERTION と記載されています。このツール自体を商用化するには、事前の書面による許可が必要です。
トピック
よくある質問
- img2interior とは?
- 1枚の室内写真から、編集可能なBlenderシーン、Three.jsビューアー、持ち運び可能なGLBモデルを作成するエージェント駆動型スキル。 img2 Interiorは、img2 harnessを基盤とする、Claude Code、Codex、OpenCode向けのエージェント駆動型スキルです。室内の参照画像を1枚渡すと、エージェントが画像を分析し、ジオメトリと物理ベースマテリアルを使ってBlenderシーンを作成します。続いてレンダリング結果を参照画像と比較し、Three.jsビューアーを構築します。
- img2interior は無料で使えますか?ライセンスは?
- img2interior は Other ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
- img2interior は今もメンテナンスされていますか?
- 活発にメンテナンス中。img2interior の最終コミットは 2026年10月19日 です。
- img2interior は何に使えますか?
- インテリアデザインのコンセプト画像から、クライアントが確認できる探索可能な3Dの部屋を作る。 参照写真1枚をもとに、室内シーン制作の出発点となる編集可能なBlenderシーンを作成する。 Three.jsビューアーを使って、ブラウザーで閲覧できる部屋のウォークスルーを公開する。 ほかのglTF対応ツールで使える、独立したGLB形式の部屋モデルを作成する。
- img2interior のインストール方法は?
- 専用の prefix に npm からパッケージをインストールします: npm install --prefix "$HOME/.local/share/img2interior" @img2threejs/img2interior@0.3.1 インストールしたコピーを img2 harness に登録します: npx --yes @img2threejs/img2@0.4.0 add --link "$HOME/.local/share/img2interior/node_modules/@img2threejs/img2interior" --yes エージェントのセッションを再起動し、プロジェクトを開いて、部屋の画像を1枚使って「コピーして使用」プロンプトを実行します
- img2interior はどこで入手できますか?
- ソースコードとインストール手順は GitHub にあります:https://github.com/img2threejs/img2interior
概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。
関連プロジェクト
1枚の画像から、メッシュファイルではなく、アニメーション対応のThree.js用TypeScriptコードでオブジェクトを再構築します。
Claude Code、Codex CLI、Cursor CLI、Gemini CLI向けの平易なエージェントスキル。セッション報告を誰にでも分かる一画面の結論にまとめます。
WebサイトのURLから、音楽に同期した効果音とモーションブラー付きの60 fps製品ローンチ動画を作るClaude Codeスキル。
トピックから、ナレーション、ハード字幕、カバー画像付きの解説動画を作成するAgent Skill
Claude CodeとCodex向けのエージェントスキル。アプリの実際のUIを、音楽に合わせたローンチ映像や短編動画にしてローカルでレンダリングします。