The Moonlit Herbarium

同じプロンプトを異なるAIモデルに渡したとき、どんな作品が生まれるのか。

• Same prompt：同一のプロンプト全文を使用。
• High：各モデルの推論設定をhighに指定。
• One-shot：最初の生成依頼以降、完成まで人間による追加指示なし。モデル自身によるツール利用、複数回の呼び出し、自己検証・修正は含みます。
• Human edits 0：生成された作品への人間の修正は0件。公開時も3つのHTMLをバイト単位で保持しています。
• Single HTML：HTML / CSS / JavaScriptのみ。1作品につきindex.html 1枚。外部画像・フォント・ライブラリ・API・ネットワーク要求なし。

ギャラリーと説明文は公開用に別途作成しました。Human edits 0は作品本体に対する条件です。

各モデル1試行。実験日は2026-09-24です。

時間・使用量・料金は、生成セッションから取得したとして提供された報告値です。公開作業の時間・トークンは含みません。生の生成ログはこのリポジトリには含まれていません。

報告されたモデルID

claude-opus-5

Effort

high

Thinking設定

adaptive

Human edits

0

生成時間（表示用）

17m28s

モデル呼び出し回数

25

Input tokens

3,279,118

Cached input / cache read

3,163,568

Non-cached input合計

115,550

通常入力（キャッシュ書込を除く）

50

キャッシュ書込（1時間TTL）

115,500

Output tokens

73,149

Total processed tokens

3,352,267

最大単一呼び出しInput

152,192（報告値）

API換算コスト（USD）

$4.565759

ファイル数

1

コード行数（元報告）

1,292

配布HTMLの実測行数

1,292

配布HTMLのサイズ（bytes）

48,492

入力は呼び出しごとに再送された履歴を含む累計で、最大コンテキスト長ではありません。Cached inputはInputの内数です。Outputは納品コードだけでなくセッション全体の生成量です。

Output tokensはthinkingを含みます。thinkingは30,020 tokensです。

時間・行数の注記

07:33:54.656Z → 07:51:22.496Z、17分27.84秒。納品の最終アシスタントメッセージまでを集計したとの報告。表示は秒単位に丸めています。

シリーズ間で時間の終点は完全に一致していません。行数はUTF-8テキストのsplitlines()で測定。整形の影響を強く受け、表現の豊かさやコード品質の尺度ではありません。

API換算の前提

実際の請求額ではありません。元報告の単価による参考値で、現在の公式価格を保証しません。元報告ではサブスクリプション経由で制作しています。長文脈の割増、Batch、Priority、fastなどの特殊料金は含みません。

単価：USD / 1,000,000 tokens

通常入力

$5

キャッシュ読出し

$0.50

1時間キャッシュ書込

$10

出力

$25

API換算内訳（USD）

通常入力

$0.000250

キャッシュ読出し

$1.581784

キャッシュ書込

$1.155000

出力

$1.828725

合計

$4.565759

通常入力とキャッシュ書込を区別しており、Non-cached input合計へ通常入力単価を一律に掛けた値ではありません。

Opusはfast off / service tier standardとの報告です。

制作工程・失敗の記録

Claude Codeデスクトップ、macOS、ローカルHTTP配信、内蔵ブラウザ。自己レビューによる修正5ラウンド、ツール呼び出し24回

file://をプレビューできずHTTPへ切替。ctx未渡しによる描画エラー1件を修正。実行前にカラーリテラル3件を修正。モデル側のリトライ・生成失敗は0回との報告

Human edits 0は「不具合や修正がなかった」という意味ではありません。

3モデルへ渡した共通のプロンプトです。

Create a complete, visually rich pixel-art animation of a **magical botanical laboratory**.

The goal is to create a scene that feels immediately beautiful, alive, cozy, mysterious, and worth watching for a long time.

This is a **one-shot generation task**. Make all creative and technical decisions yourself. Do not ask questions. Do not provide an explanation before building it.

## World

Create a magical botanist’s laboratory hidden somewhere between a greenhouse, an alchemist’s workshop, and a wizard’s study.

The scene should contain many universally recognizable visual elements:

- plants
- flowers
- vines
- mushrooms
- glass bottles
- jars
- books
- water
- fire or candlelight
- moonlight
- stars
- insects
- a cat
- wooden furniture
- windows
- shelves
- hanging herbs
- small tools
- glowing objects

The room should feel dense with details, but compositionally clear rather than cluttered.

The atmosphere should feel warm and inviting inside, with a mysterious magical world outside.

## Composition

Build the scene with strong visual depth.

Use multiple layers such as:

- foreground objects partially framing the scene
- the main laboratory workspace in the middle
- shelves, windows, plants, and architecture behind it
- a visible exterior world beyond the window

The viewer should immediately understand the space.

Include one strong visual focal point, such as a large magical plant, glowing botanical specimen, strange flower, or experimental terrarium in the center of the laboratory.

Around it, distribute many smaller details that reward closer inspection.

## Pixel-art direction

The entire scene must look intentionally designed as pixel art.

Use:

- crisp pixel edges
- limited but expressive color palettes
- controlled dithering
- clusters of pixels rather than smooth vector shapes
- readable silhouettes
- strong lighting and shadow
- subtle atmospheric depth

Do not make it look like normal vector art with a pixel filter applied afterward.

Avoid overly large pixels. There should be enough resolution to support many small details and expressive animation.

## Animation

The scene must feel continuously alive.

Do not animate everything at the same rhythm.

Use a mixture of:

### Continuous subtle motion

Examples:

- leaves gently swaying
- candle flames flickering
- hanging herbs moving slightly
- bubbles rising inside bottles
- steam drifting upward
- particles floating through the air
- water gently moving
- glowing plants softly pulsing
- insects hovering
- moonlight subtly shifting
- the cat breathing while asleep

### Periodic motion

Examples:

- the cat moves its tail
- a flower opens slightly
- a book page turns by itself
- a mushroom releases spores
- a bottle bubbles more strongly
- a hanging object swings
- a moth flies near a lamp

### Random events

Add several small events that happen at unpredictable intervals.

Examples:

- a magical flower suddenly glows
- a tiny spirit briefly appears and disappears
- one bottle flashes
- a plant blinks or reacts
- a shooting star crosses the window
- the cat looks up and then goes back to sleep
- a mysterious silhouette passes outside
- a few glowing spores burst into the air
- a magical rune activates briefly
- a tiny creature runs across a shelf

Random events should be relatively rare so they feel surprising.

The viewer should be able to leave the animation running and occasionally notice something new happening.

Avoid making the animation feel like an obvious short repeating loop.

## Lighting

Lighting is extremely important.

Use at least three different light influences:

- warm interior candle or lamp light
- cool moonlight coming through the window
- colored magical light emitted by plants, liquids, or artifacts

These light sources should interact with nearby objects.

Use reflections, illuminated glass, glowing leaves, subtle shadows, and contrasting warm/cool regions to make the scene visually rich.

## Exterior world

The window should show enough of the outside environment to make the world feel larger than the room.

Include some combination of:

- night sky
- moon
- stars
- distant trees
- mountains
- clouds
- rain
- fireflies
- distant lights

The exterior should also contain subtle animation.

## Interaction between elements

Whenever possible, animations should influence nearby elements rather than behaving independently.

Examples:

- magical light briefly illuminates nearby leaves
- passing moonlight changes the silhouette of plants
- a glowing insect creates a tiny moving light
- bubbles disturb the surface of liquid
- the cat reacts to a floating magical creature
- spores drift according to an implied air current

These interactions should make the world feel internally connected.

## Technical requirements

Create the complete result as a self-contained web experience.

Use only:

- HTML
- CSS
- JavaScript

Deliver the entire experience in a single `index.html` file.

Do not use external images, videos, fonts, frameworks, libraries, APIs, or network requests.

Everything visible must be generated with HTML, CSS, Canvas, SVG, or JavaScript contained within the file.

The result should:

- run immediately when the HTML file is opened
- fill the available browser viewport
- remain visually coherent across common desktop screen sizes
- animate smoothly
- avoid excessive CPU usage
- contain no UI panels, instructions, buttons, debug overlays, or explanatory text

The artwork itself should occupy the experience.

## Creative freedom

Do not treat the examples above as a checklist that must be represented literally.

Compose them into one coherent world.

You may invent additional magical plants, creatures, botanical experiments, environmental effects, and small narrative moments.

Prioritize:

1. visual impact
2. atmosphere
3. richness of detail
4. believable motion
5. surprising random events
6. pixel-art quality
7. the feeling that the world continues existing even when the viewer is not watching

The final result should feel less like a technical demo and more like a small living world.

Create the finished `index.html` now.

読み取り方

各モデル1試行ずつの観察です。Highという設定名は共通ですが、計算量、エージェント環境、利用ツール、自己修正回数まで同一ではありません。モデル性能のランキングや、次回も同じ作品・費用になることを示すものではありません。

同じ画面サイズで開き、構図、光、動きの周期、ランダムイベント、要素同士の反応を観察してください。作品ごとに画面への収め方が違うため、表示領域が同じでも見える範囲や余白は異なります。

表示とサムネイルについて

上の画面は作品のHTMLを4:3のiframeで表示しています。一覧のPNGは、960 × 540 CSS px・deviceScaleFactor 2で読み込み後3秒待って撮影したものです。乱数は固定していません。

追試するには

新しいセッションにプロンプト全文を渡し、モデルとhighを指定してください。完成まで人間から追加の指示・修正を行わず、最初の依頼から納品までの時間とusageを記録します。モデルID・実行環境・ツールの版・自動続行の有無も残してください。同一出力を保証するものではありません。

同じプロンプトを3つのモデルに渡したシリーズの1作品です。

Magical Botanical Laboratory

Zenn記事：なし

X投稿：なし