Colorfigures
要約
Colorfiguresは、AIが手書き風の3Dモデルを生成するツールです。テキストプロンプトから日常的なオブジェクトを生成し、回転させたり内部を見たり、ボタンを操作したりできます。プログラミング不要で、Webブラウザで動作するインタラクティブなモデルを作成できます。
全文翻訳
Colorfigures
Live demo ↗ Made by April Zhu ↗
日常的なオブジェクトを説明してください。AIがそれを手書き風のインク画で、実際に動作するボタン付きのアイソメトリック図で描画します。全体を回転させて内部を見てみましょう。
mkdir -p ~/.claude/skills && curl -fsSL https://april-zhu.com/colorfigures/colorfigures.tar.gz | tar -xz -C ~/.claude/skills
Claude Codeをインストールするにはターミナルに貼り付けてください。Claude.aiやWindowsをお使いですか？ その他のインストール方法。
回転させて、中を見る。
すべての図形は完全に回転します：ドラッグしてください。透過表示は、内部で実際に動作している機械を見せ、ラベルは各部品の名前を示し、動作中に点灯します。
一文入力で、動作するオブジェクトが出力される
これらの図形はすべて、スキルの新規インストール時に、その上のプロンプトから生成されました。手作業でコードは書かれていません。
沸騰したら完了時に自動でオフになる電気ケトル
→
スキルで作られたその他の例
ホバーすると動きます。いずれかを開いてボタンを押してみてください。
インストール方法
お好みのAIを選んでください。3つのステップで、約1分です。
-
1
インストール
ターミナルを開き（Macの場合：⌘ Space、Terminalと入力）、これを貼り付けてReturnキーを押します。
mkdir -p ~/.claude/skills && curl -fsSL https://april-zhu.com/colorfigures/colorfigures.tar.gz | tar -xz -C ~/.claude/skills -
2
Claude Codeを再起動
新しいスキルを認識させるために、一度閉じて再度開いてください。
-
3
図形をリクエストする
平易な言葉でオブジェクトを説明するか、
/colorfiguresから始めてください。ブラウザで開いて操作できる.htmlファイルとして保存されます。
これらのプロンプトを試す
コピーしてAIに貼り付け、生成されたファイルを開いてみてください。
コインを入れてクランクを回せるガムボールマシン
レコードプレーヤー：レコードをセットし、針を落とすと再生される
沸騰したら自動でオフになるケトル — 停止する仕組みを見せてください
トースターはどうやってポップアップするタイミングを知るのか？ Colorfigureで作ってみてください
タイヤに空気を送り込む自転車用ポンプ、透明なバルブ付き
小包ロッカーの壁：コードを入力すると正しいドアが開く
製品や商用プロジェクトのためにカスタム図形が必要ですか？
よくある質問
スキルとは何ですか？
AIに一つの仕事をうまくこなす方法を教える、指示とテンプレートの小さなフォルダです。アプリではなく、単独で実行されるものではありません。AIは、カバーする内容について質問されたときにそれを読み取ります。
AIがそれを使っていない
アプリ（Claude Code, Codex, Gemini CLI）を再起動し、スキル名を指定してください：「colorfiguresスキルを使ってガムボールマシンを描画して」と指示します。インストールされているか確認するには、ls ~/.claude/skills/colorfigures（または~/.codex/skills, ~/.gemini/skills）を実行してください。SKILL.md、README.md、LICENSE、assets、scriptsが見えるはずです。
どのような種類のオブジェクトが最適ですか？
家電製品、自動販売機、ゲーム機、おもちゃ、看板、キオスクなど、押せる部品を持つ日常的な機械やデバイスです。すべての図形は完全に回転し、機械は内部の実際の動作部分を示す透過スイッチを備え、ラベルが付いてボタンと共に動きます。柔らかく有機的なもの（人、動物、植物）はこのスタイルには適していません。
図形はどのくらいの時間がかかり、トークン数はどのくらいですか？
Claude Codeでは、図形ごとに約15〜30分、約20万〜40万トークンかかります。その大部分は、オブジェクトをあらゆる角度からモデリングし、実際の機械の動作に基づいて透過表示を作成するために費やされます。その後、AIは複数の角度から、透過表示で、そして電話でチェックし、見つかった問題を修正します。新鮮なテスト実行では、約20個のラベル付き部品を持つ透過表示を備えた駐車メーターは約15分と23万トークンかかりました。複雑な機械や複数のオブジェクトを含むシーンはより時間がかかります。後で同じチャットで要求する変更ははるかに速いです。Claudeプランでは、これは使用量に含まれます。APIでは、トークンごとに請求されます。
色を変更できますか？
はい。すべての図形には、ボディカラーのスウォッチ（トマト、マスタード、ミント、コバルト、ブラッシュ）と手描きの揺れスライダーがあります。AIに特定の色を要求することもできます。
インストールは安全ですか？
8つの小さなプレーンテキストファイル（約220 KB）で構成されています。指示、描画エンジン、3つのサンプル図形、ビルドスクリプト、readme、ライセンスです。インストールはそれらをコピーするだけで、何も実行されず、パッケージや依存関係はありません。AIが生成する各図形は、単一のHTMLファイルであり、トラッキング、アカウント、外部リクエストなしで、任意のWebページのようにブラウザで実行されます。まず確認したいですか？ .zipファイルをダウンロードし、任意のテキストエディタでSKILL.mdを開いてください。
商用利用できますか？
はい。このスキルはMITライセンスされており、それを使って作成した図形は、有料およびクライアントワークを含め、自由に使用できます。製品のためにカスタム図形を作成する場合は、wjzhu.423@gmail.comにメールしてください。
コーディングは必要ですか？
いいえ。オブジェクトを平易な言葉で説明してください。変更が必要な場合は、同じチャットで「ドアをもっと開くようにして」「コイン返却口を追加して」のように伝えてください。