AI TOOL TEST
お手本サイトをAIにまねさせる「Craft Anything」を自分のサイトで試したら、似ている度合いは71.2%で止まった
2026.11.12
家事と子育てのスキマで経営する3方よしAI共創コンサルタントの田中啓之、ひろくんです。
最新AI情報満載！毎日無料朝LIVE実施中！GPTs研究会では、AIツールの最新活用法を毎朝シェアしています。AI初心者の方も、ぜひAI氣道.jp無料メルマガで朝LIVEブログを毎日チェックしてくださいね。
お手本にしたいサイトをAIにまねさせる。そして同じような物を作ってもらう。Claude Codeを使い始めると、こういう道具が気になってきます。
実は先日、AIに頼んで、中身が公開されている道具「Craft Anything」0.5.0を1本試しました。お手本は、自分のサイト ai-kidou.jp のトップページです。
先に結果を言うと、目で見ると、かなり近い物ができました。ただ、道具が決めている合格の線は90%で、似ている度合いは、作られた5ページの平均で71.2%で止まっています。
この記事では、その数字と、かかった時間とAIの使用量を書きます。それから、私がふだん使っている「ベンチマークループ」という仕組みで、この道具のどこが使えそうかも書きます。自分も試すか、どう使うかを決める材料にしてくださいね。
3行でわかるポイント
- Craft Anythingは、お手本を調べて、作って、元と見比べながら直す道具。自分のサイトのトップページで試したら、文字・配置・色・ボタンはほぼ同じで、似ている度合いは作られた5ページの平均で71.2%（合格の線は90%）だった
- かかった時間は1時間45分、AIの読み書きの量（トークン）は約5,347万。頼んだのは1枚なのに、作ったのは5ページだった
- 「お手本に似せる」がゴールの道具なので、ベンチマークループで使えそうなのは作る所ではなく、画面幅ごとに何%似たかを出す「測る所」。測る所だけを呼び出す使い方は、これから確かめる所
Craft Anythingは、お手本を見て「調べる・作る・確かめる」を回す道具
Craft Anythingは、お手本にしたいサイトやアプリ、ゲームを指定して、何を作りたいかを伝えると、新しい物を作ってくれる道具です。ひと言でいうと、お手本をAIにまねさせる道具です。
進み方は4段階あります。調べる（Study）、作る（Build）、確かめる（Check）、完成（Ready）。作った物を元と見比べて、近づくまで直します。サイトなら、パソコン・タブレット・スマホの3つの画面幅で見比べます。
道具は全部で320種類あります。コマンドとして打っても呼べますし、MCP（AIエージェントから道具を呼び出す共通のつなぎ口）としても呼べます。
作るのは、あなたの手元にいるAIエージェントです。最初に対応しているのはClaude Codeです。Codex向けの部品も入っていますが、実機での動作はまだ確かめられていない、と公式の説明に書かれています。
調べ方は2つから選びます。
- Clean room（クリーンルーム）: 元のコードを読まず、画面に見える物だけから作る。こちらが既定
- Deep（ディープ）: 私的に使う前提で、中まで読む
今はアルファ版（試作段階）で、MITかApache-2.0のライセンスで公開されています。
出典は、Craft Anythingを紹介したテクノエッジの記事と、Craft Anythingの公式の公開資料（GitHub）です。
ふだんの私は、作る役のAIにお手本を見せない
なぜこれを試したのか。私はふだん、「ベンチマークループ」という仕組みで物を作っています。前に書いた記事では、こう書きました。
私の記事より（Claude Code /goalとultracodeの使い方｜戸野塚蓮さんの解説を、私のループとOpus 5.5で読む）私も、同じ型を回しています。ベンチマークループというスキルを持っていて、作った物を、手本と同じ物差しで、作者を伏せて審査し、負けた軸を直して回します。
この仕組みで大事にしているのは、作る役のAIにはお手本の現物を見せないことです。見せると、どうしてもまねに寄ってしまうからです。お手本は審査する時の物差しとして使って、作る時には渡しません。
Craft Anythingは、その逆なんです。お手本を作る役に直接見せて、それに近づけていきます。
だから「お手本を直接見せる版」として、1本試してみることにしました。同じお手本でも、渡す相手を変えると何が起きるのか。そこを知りたかったわけです。
2026年11月9日、自分のサイトのトップページをお手本にして試した
試したのは2026年11月9日です。私がやったのは、AIに頼むことだけでした。
条件はこうです。
- お手本: 自分のサイト ai-kidou.jp のトップページ。自分のサイトなので、まねても問題がありません
- 調べ方: Clean room（画面に見える物だけから作る）
- 直し: 2周
- 写真の所: 色の四角でよい、という条件
- 作った物: 手元のネットワークの中だけで開ける形にして、外には出していない
- 道具の置き場所: 作業用のフォルダだけ
人のサイトをお手本にすることもできますが、今回は自分のサイトにしました。
見た目はほぼ同じなのに、似ている度合いは71.2%で止まった
まず見比べの画像です。どれも、左がお手本、右が作った物です。
パソコン幅のページの上:
パソコン幅のページの中ほど:
スマホ幅のページの上:
目で見ると、文字、配置、色、ボタンはほぼ同じです。並べないと違いが分からない所もあります。
ただ、数字は違うことを言っています。全ページの平均の似ている度合いはこう動きました。
- 1回目: 66.6%
- 2回目: 71.2%
- 3回目: 71.2%
道具の合格の線は90%なので、届いていません。2回目から3回目は動いていないので、直しを回しても上がらなかったわけです。
トップページの1回目を画面幅ごとに見ると、パソコン幅78%、タブレット幅73%、スマホ幅56%。文字は100%同じでした。
では、なぜ71%あたりで止まったのか。作る役のAIの説明では、残った差のほとんどは、本物の写真（今回は色の四角にした所）と、代わりに使ったフォントの違いだそうです。いちばん低かったのは、タブレット幅で見たセキュリティの記事のページで、44%でした。
ここは大事な所です。今回は「写真の所は色の四角でよい」という条件で作らせているので、写真の所の点数が上がらないのは当たり前なんです。%が低いのは、作りが悪いからとは限りません。
もう1つ、道具の「確かめる」段階が、作る役のAIが「やった」と書いた事を21件照らし合わせています。結果は、21件とも正しいと出ました。
かかったのは1時間45分、トークンは約5,347万
次は重さです。かかった時間は1時間45分でした。
AIの読み書きの量（トークン）は、合計で約5,347万です。内訳はこうなります。
- 毎回同じ前置きを読み直した分（キャッシュの読み出し）: 約5,278万
- 新しく読んだ分: 約54万
- 書いた分: 約15万
- AIを呼び出した回数: 135回
合計のほとんどは、同じ前置きの読み直しでした。新しく読んだ分と書いた分を足しても、約69万です。
ちなみに、頼んだのはトップページ1枚でした。でも作られたのは、トップ、ブログ一覧、出演者一覧、LIVE記事2本の計5ページです。
1枚のつもりで頼んでも、作る範囲が広がることがある。これは頼む前に知っておきたい所ですね。試す時は、作ってほしいページを最初にはっきり書いておくのがよさそうです。
ベンチマークループで使えそうなのは、作る所ではなく測る所
ここからが、私にとっての本題です。
Craft Anythingのゴールは「お手本に似ること」です。ベンチマークループのゴールは「お手本と並べて負けないこと」です。似ていることがゴールなら、お手本を超える物は出てきません。いちばん良くても、お手本と同じところで止まります。
だから、「お手本を見せて作る版」をベンチマークループの作る役に入れると、ゴールが「似ること」にずれます。今回測ったのはお手本にどれだけ似たかで、お手本を超える出来かどうかは確かめていません。
といっても、全部が合わないわけではありません。使えそうなのは「測る所」です。
- 画面幅ごとに、何%似ているかが数字で出る
- 欠けた文字や、色・余白・並び方の違いを、具体的に挙げてくれる
これは、作った物とお手本を比べる時の物差しとして使えます。ただし弱い所もあります。写真が違えば%は上がりませんし、「良い物かどうか」は測れません。似ているかどうかと、良いかどうかは、別の話です。
それから、今回いちばん大きかったのはここかもしれません。私は、委ねた先が「嘘つく・逃げる・やらない」なら委ねられない、と考えています。信頼できる仕組みが先です。
今回は、AIの「できました」を、機械が出した%と、21件の照らし合わせの両方で確かめられました。AIの言葉だけを信じずに、別の物差しで裏を取れたわけです。
今回動かしたのは、調べてから完成までの一続きの流れです。測る所だけを呼び出す使い方は、WebやLPでベンチマークループを回す時に確かめる所です。
道具が運ぶのは見本の型まで、原液は道具の外に残る
8月の魂磨きで、私はAIの問いに「見本とカルピス原液をマージするのが最強。」と答えました。
見本は、強い型と、どこまで届けばいいかの水準を渡してくれます。カルピス原液は、私のストーリーや価値観、判断軸、在り方、Why（なぜやるのか）を渡します。
Craft Anythingが運んでくれるのは、見本の型と見た目までです。今回も、文字や配置、色、ボタンはほぼ同じになりました。でも、そのページで私が何を伝えたいのか、なぜそう並べたのか。そこは道具の中には入りません。原液を載せる所は、道具の外に残ります。
もう1つ、使い方の線も書いておきます。人のサイトをまねる使い方は、公開には使いにくいです。今回お手本にしたのは自分のサイトなので、この問題はありませんでした。あなたが試すなら、まず自分のサイトか、まねても問題の無い物を選ぶのが安心ですよ。
AIエージェントに渡す確認プロンプト
下の枠の中の文を、そのままClaude CodeやCodexなど、ふだん使っているAIエージェントに貼ってください。AIがこの記事を読んで、あなたにいくつか短い質問をします。その答えに合わせて、Craft Anythingを「試す」「測る所だけ使う」「見送る」のどれにするかを整理してくれます。
道具を入れたり動かしたりはしません。整理と、次に貼れる追加のプロンプトを返してもらうだけです。返ってきた結果は、そのまま使わずに、自分の目で読み直してくださいね。
枠の中には、この記事のURLが入っています。AIが記事を読めなかった時は、そう伝えたうえで、枠の中の要点だけで答えるように書いてあります。
▶ 依頼文を開く
【記事のURL】
https://ai-kidou.jp/craft-anything-trial-benchmark-loop/
最初にこのURLの記事を読んでください。読めない時は「読めなかった」と伝え、下の要点だけを材料にしてください。
【参照元（先に読む）】
https://github.com/storytold/craft-anything
【要点】
・Craft Anythingは、お手本のサイト・アプリ・ゲームを調べ、作り、元と見比べて近づくまで直す道具（アルファ版）
・調べ方は Clean room（画面に見える物だけ）と Deep（私的利用向けに中まで読む）
・記事の試しでは、自分のサイトのトップページをお手本にして、似ている度合いは作られた5ページの平均で71.2%（合格の線は90%）。時間1時間45分、トークン約5,347万、頼んだ1枚に対して5ページが作られた
・ゴールは「お手本に似ること」。画面幅ごとに何%似たかを測る所は、物差しとして使えそう（今回動かしたのは一続きの流れで、測る所だけを呼び出す使い方は別に確かめる所）
【目的】
Craft Anythingを自分の仕事で試すかどうかを決める材料を整理する。
【やってよいこと】
1. 記事を読んだあと、短い質問を1つずつ聞く
・まねたいお手本は何か
・それは自分のサイトか、人のサイトか
・使っているAIエージェントは何か
・時間とAIの使用量に、どこまでかけられるか
2. 答えに合わせて「試す」「測る所だけ使う」「見送る」のどれが合うかを、理由をつけて整理する
3. 私の環境にそのまま貼れる追加のプロンプトを1〜3本作る。各プロンプトの中に、上の記事のURLを入れる
【守ること】
・道具を入れる、動かす、設定を変える、公開する操作はしない。確認と提案として書くだけにする
・パスワードや鍵を貼らせない
・人のサイトをまねる場合は、公開には使わない前提を書く
【返す形】
・整理の結果
・追加のプロンプト（1〜3本・記事のURL入り）
・私が自分の目で読み直す所を1行よくある質問（FAQ）
Q1. どのAIエージェントで動きますか？
作る役は、手元のAIエージェントです。最初に対応しているのはClaude Codeです。Codex向けの部品も入っていますが、公式の説明では、実機での動作はまだ確かめられていない、とされています。私が試した時も、AIに頼んで動かしてもらう形でした。
Q2. 人のサイトをお手本にしてもいいですか？
道具としては指定できます。ただ、人のサイトをまねた物は、公開には使いにくいです。調べ方の既定はClean room（元のコードを読まず、画面に見える物だけから作る）ですが、それで公開してよいかは別の話です。私は今回、自分のサイトをお手本にしました。
Q3. 「似ている度合い」の%は、何を測っているのですか？
作った物と元を、画面幅ごとに見比べた時の近さです。今回のトップページの1回目は、パソコン幅78%、タブレット幅73%、スマホ幅56%で、文字は100%同じでした。写真を色の四角にしたり、代わりのフォントを使ったりすると、目で見て近くても%は上がりません。それに、「良い物かどうか」は、この%では測れません。
Q4. ベンチマークループとは何が違いますか？
ゴールが違います。Craft Anythingは「お手本に似ること」、ベンチマークループは「お手本と並べて負けないこと」です。ベンチマークループでは、作る役のAIにお手本を見せません。見せるとまねに寄るからです。なので、ベンチマークループで使えそうなのは、作る役ではなく、似ている度合いを測る所です。測る所だけを呼び出す使い方は、これから確かめる所です。
Q5. 1本にどれくらいかかりましたか？
私の試しでは、1時間45分でした。トークンは合計約5,347万で、そのうち約5,278万は毎回同じ前置きを読み直した分（キャッシュの読み出し）です。新しく読んだのは約54万、書いたのは約15万、AIの呼び出しは135回でした。頼んだのは1枚でしたが、作られたのは5ページです。
COLUMN
見本は型を運び、原液は自分で載せる
私の記事より（「委ねるOSのAfter」が見えた日——見本とカルピス原液をマージするのが最強）見本とカルピス原液をマージするのが最強。
元の記事は、魂磨きで書いた見本とカルピス原液をマージするのが最強だと気づいた日の記事です。
今回のCraft Anythingは、この文の「見本」の側だけを、とても上手に運ぶ道具でした。文字も、配置も、色も、ボタンも、ほぼ同じになりました。でも、マージ（混ぜ合わせ）するもう片方、カルピス原液は、道具の外にあります。何を作るかを決める時の私の価値観や、なぜそのページを作るのか。そこを載せるのは、使う側の仕事なんだと思います。
私の記事より（「委ねるOSのAfter」が見えた日——よくある質問 Q1「見本を使う」というのは、AIに丸ごと真似させることですか？）違う。見本は「型と到達水準」を渡すためのものであって、中身をコピーさせるものではない。
Craft Anythingのゴールは、お手本に似ることです。ここで線を引いておきたいんです。似せることを作る役のゴールにすると、型と到達水準を受け取るどころか、中身まで写す方向に進みます。だから、この道具は作る役より、見比べて測る物差しのほうに向いています。お手本は、届くべき水準を教えてくれる物。作る中身は、原液から生やす物です。
まとめ: 似せる道具は、作る役より物差しに向いている
Craft Anything 0.5.0を、自分のサイト ai-kidou.jp のトップページで1本試しました。調べ方はClean room、直しは2周です。目で見ると、文字・配置・色・ボタンはほぼ同じでした。全ページの平均の似ている度合いは66.6%から71.2%まで上がって、そこで止まりました。合格の線の90%には届いていません。時間は1時間45分、トークンは約5,347万で、頼んだ1枚に対して5ページが作られました。
この道具のゴールは「お手本に似ること」なので、ベンチマークループの作る役には向きません。使えそうなのは、画面幅ごとに何%似たかと、違う所を具体的に出してくれる測る所です。測る所だけを呼び出す使い方は、ベンチマークループを回す時に確かめる所です。AIの「できました」を、%と21件の照らし合わせで確かめられたのも、信頼できる仕組みとして大きかったです。
あなたが試すなら、最初の一歩は小さくていいと思います。まねたいお手本を1つ決めて、それが自分のサイトかどうかを確かめる。そこから始めてみませんか？
関連記事
🤖 AI生成コンテンツについて
この記事はAIツール（Claude Code）を活用して制作しています。構成・文章生成・画像制作にAIを使用し、最終的な内容の確認・編集・公開判断はひろくん（田中啓之）本人が行っています。「分身AIひろくん」（bunshin-ai.com）とは別のコンテンツです。
