Colorfiguresとは？
Colorfigures は April Zhu が作った AI スキルです。コインを入れられるガムボールマシンのように、身近な物を1行で説明すると、AI がそれを独立した1つの HTML ページとして作ります。手描きのインク線とフラットな彩色によるアイソメトリックな図で、ドラッグで一周回せます。ボタンは実際に動き、See-through モードでは内部の仕組みが見え、各部品が動くとラベルが点灯します。家電、自販機やアーケード機、おもちゃ、看板、キオスクに向いており、サイトによれば人や動物、植物はこの画風に合いません。
スキルは MIT ライセンスで無料ですが、公開リポジトリはありません。配布は作者のサイトからのダウンロードだけで、Claude Code、Codex、Gemini CLI 用の .tar.gz、ChatGPT 用の zip、Claude.ai 用の .skill ファイル、Gemini アプリ用の別の zip があります。パッケージは約234 KBのプレーンテキストで、SKILL.md、描画エンジン、3つの作例、Python のビルドスクリプトが入っています。バージョン番号やリリース日は公開されておらず、サイトの「View on GitHub」ボタンはどこにもつながっていません。
作者は Colorfigures UI pack も$49.90で販売しています。完成済みのアニメーションイラスト500点と、色を変えて SVG や PNG で書き出せるブラウザ上の Studio、そしてスキルが含まれます。$99の All Access は、ほかのすべてのパックと今後公開するすべてのスキルを追加します。どちらのページも、買い切りかサブスクリプションかを明記していません。
Colorfiguresの料金は？
| プラン | 価格 | 内容 |
|---|---|---|
| Skill | Free | MIT ライセンス。作った図は有償の仕事やクライアントワークにも使えます。トークンは利用中の AI プロバイダーが請求します |
| Colorfigures UI pack | $49.90 | アニメーションイラスト500点、色変更と SVG/PNG 書き出しができる Studio、商用利用、スキル |
| All Access | $99 | UI pack の全内容に加え、ほかのすべてのパックと今後公開されるすべてのスキル |
スキルは無料（MIT）。支払いは AI のトークンで、Claude Code では1枚あたり約200,000〜400,000トークンです。Colorfigures UI pack は$49.90（イラスト500点、Studio、商用ライセンス）、All Access は$99（ほかの全パックと今後のパック・スキルを追加）。課金条件は公開されていません。
Colorfiguresは使う価値があるか？
トースターがパンを跳ね上げるタイミングをどう知るのかを示す図は、説明するのは簡単でも、描くのは手間がかかります。本体、レバー、ばね、ヒーター、そして押したときに動く何かが必要です。
Colorfigures はその作業を AI アシスタントに任せます。1行入力してしばらく待つと、手描き風で色の付いた機械の Web ページができあがります。回したり、押したり、中をのぞいたりでき、動いている部品にはラベルが点灯します。エスプレッソマシンから洗濯機まで、デモページの26点の図は生成されたものではなく人が描いたように見え、スマートフォンでも動きます。
本当の価格はトークンです。サイトは、Claude Code で1枚作るのに約15〜30分、およそ200,000〜400,000トークンかかるとはっきり書いています。作者自身のテストでは、ラベル付き部品が約20個のパーキングメーターで約230,000トークンを使いました。$20の Claude Pro プランなら、絵1枚に作業セッションのかなりの部分を使うことになります。API では、同じ400,000トークンを Claude Sonnet 5.5 で使うと、すべてが100万あたり$2の入力扱いなら約$0.80、すべてが100万あたり$10の出力扱いなら$4で、Opus 5.5 ではその2倍です。作者によれば、同じチャットでの後からの修正はずっと安く済みます。
注意点：公開リポジトリがありません。個人サイトのアーカイブをそのままスキルフォルダーに展開してインストールする仕組みで、バージョン番号も変更履歴もなく、ダウンロードの間で何が変わったかを確かめる手段もありません。ファイルはプレーンテキストで約234 KB、描画エンジンは外部へのリクエストを行わないので、事前に数分かけて読んでおく価値があります。GitHub にはすでに他人によるコピーが出回っていますが、作者のものではなく、ライセンスはスキルを共有する人にクレジットの維持を求めています。画風の守備範囲も狭く、人、動物、植物、そして見せる仕組みのないものには向きません。
結論：読者に仕組みを腑に落とさせたい1枚の図には魅力的な道具ですが、毎週ブログ全体に挿絵を付ける用途には向きません。この画風の画像がたくさん必要なら、完成済み500点のパックを$49.90で買うほうが生成するより安く、GitHub の無料スキル Anatomy は、より落ち着いた技術的な画風と公開された履歴で同じ発想をカバーしています。
真価を発揮する場面
中学校向けの授業を準備している理科の教師
電気ケトルがどうやって自動で電源を切るのかを生徒に見せる
Claude に沸騰して自動で切れるケトルを頼み、授業で HTML ファイルを開いて See-through をオンにすれば、湯が温まるにつれて内部のスイッチ機構が動きます。1枚につき約30分と、Pro プランのセッションのかなりの部分を見込んでください。
40人規模のハードウェアスタートアップのテクニカルライター
ドキュメントに製品のクリックできる断 面図を入れる
機器と部品を説明し、ラベルを実際の設計と照合してから、独立したページを埋め込みます。図は商用利用が認められており、Colorfigures のクレジット表記はお願いであって義務ではありません。
クライアントのサイト向けにイラストを作るフリーランスのデザイナー
クライアントのブランドカラーで統一したアニメーション素材をそろえる
$49.90の UI pack に含まれる完成済みイラスト500点と Studio で、トークンを使わずに色を変えて SVG や PNG で書き出せます。パックにない物はスキルで補います。
導入前に確認すること
- 導入
- curl コマンド1つでスキルを ~/.claude/skills、~/.codex/skills、~/.gemini/skills のいずれかに展開し、再起動して物を説明します。Claude.ai と ChatGPT は設定画面からアップロードし、スキルを含むプランが必要です。パッケージは不要で、build.py には Python 3 が必要です。
- 連携
- Claude Code、Claude.ai、ChatGPT、Codex、Gemini CLI、Gemini アプリに対応。出力は HTML ファイル1つで、有料パックではアニメーション SVG、Figma・Sketch・Illustrator 向けのクリーンな SVG、PNG が加わります 。
- データとプライバシー
- サイトによれば、インストールはファイルをコピーするだけで、図はトラッキング、アカウント、外部リクエストなしでブラウザ上で動きます。プロンプトはスキルを実行する AI プロバイダーに、その規約のもとで送られます。パックは Payhip で販売されています。
- 大規模利用時のコスト
- 月10枚なら約200万〜400万トークンです。API では入力と出力の比率次第で Sonnet 5.5 でおよそ$4〜$40、サブスクリプションなら利用上限を大きく消費します。
- 制限
- Claude Code で1枚15〜30分。部品の多い機械や複数の物が入る場面はさらにかかります。柔らかい有機的な題材は不可。バージョン管理がないため、更新は知らないうちに届くか、まったく届きません。
良い点
- 回して、押して、中を見られるインタラクティブな図
- 図は MIT ライセンスで、有償の仕事やクライアントワークに使える
- 外部リクエストのない独立した HTML ファイル1つ
- Claude Code、Claude.ai、ChatGPT、Codex、Gemini に導入できる
- 1枚あたりのトークンと時間のコストを事前に公開
気になる点
- 1枚あたり約200,000〜400,000トークンと15〜30分
- 公開リポジトリ、バージョン番号、変更履歴がない
- 人、動物、植物には向かない
- パックの課金条件と返金ポリシーが非公開
おすすめの人
仕組みを見せる印象的なインタラクティブ図を数点ほしい書き手、教師、プロダクトチームで、その分を払える余裕が AI プランにある人向けです。
Colorfiguresの代替
Colorfigures：よくある質問
- Colorfiguresは使う価値があるか？
- Colorfigures は AI スキルから出てくる解説図として私たちが見た中で最も魅力的な図を作りますが、無料のダウンロードは1枚ごとに最大400,000トークンと30分を黙って持っていきます。 評価は5点満点中3.7点です。
- Colorfiguresの料金は？
- スキルは無料（MIT）。支払いは AI のトークンで、Claude Code では1枚あたり約200,000〜400,000トークンです。Colorfigures UI pack は$49.90（イラスト500点、Studio、商用ライセンス）、All Access は$99（ほかの全パックと今後のパック・スキルを追加）。課金条件は公開されていません。
- Colorfiguresの欠点は？
- 1枚あたり約200,000〜400,000トークンと15〜30分; 公開リポジトリ、バージョン番号、変更履歴がない; 人、動物、植物には向かない; パックの課金条件と返金ポリシーが非公開.
- Colorfiguresは誰に向いているか？
- 仕組みを見せる印象的なインタラクティブ図を数点ほしい書き手、教師、プロダクトチームで、その分を払える余裕が AI プランにある人向けです。
- チームや本番環境でColorfiguresを使うと費用はいくらか？
- 月10枚なら約200万〜400万トークンです。API では入力と出力の比率次第で Sonnet 5.5 でおよそ$4〜$40、サブスクリプションなら利用上限を大きく消費します。
- Colorfiguresは企業データを扱っても安全か？
- サイトによれば、インストールはファイルをコピーするだけで、図はトラッキング、アカウント、外部リクエストなしでブラウザ上で動きます。プロンプトはスキルを実行する AI プロバイダーに、その規約のもとで送られます。パックは Payhip で販売されています。
- Colorfiguresの代わりになるものは？
- 当サイトでレビ ューした中で最も近い代替はNapkin AI 、 Recraftです。
回答確認日：2026年11月7日