kuhnhomeuk-cell/procedural-film
Developer toolsこのページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。 原文を見る
エージェントスキル: トピックを30秒の垂直フィルムに変え、JavaScriptで完全にスコア。 参照フィルム:モンアーチの蝶の生命.
概要
話題を短編映画や小さなゲームに変えるエージェントスキル。 60fpsのレトロな画素アートフィルム、再生可能なNESスタイルのプラクターです。 プラットフォームは、ROBOT RUNというスターターゲームから始まり、独自のVercelアカウントにデプロイします。 キャンバスにバニラ JavaScript で全てのピクセルが描画され、Web Audio ですべての音が合成されるため、フィルムはゼロメディアアセットで出荷されます。 出力は1つの自己完結したHTMLプレーヤーとMP4のエクスポートです。 リファレンスフィルムは、例/バタフライライフ、モンアーチバタフライのライフサイクルです。17ショット、32秒、120 bpm、24fpsで1080x1920。 - 電話のカットを見る:例/バタフライライフ/輸出/バタフライライフphone.mp4 - インタラクティブプレーヤー:例をダウンロード/バタフライライフ/ディスト/バタフライライフ.htmlとブラウザで開く 垂直フィルムからエンジンを320x180 NESスタイルのプラフォーマーに押し込む例が3つあります。 [[T0]でゲームを再生]
概要（AI 翻訳）
話題を短編映画や小さなゲームに変えるエージェントスキル。 60fpsのレトロな画素アートフィルム、再生可能なNESスタイルのプラクターです。 プラットフォームは、ROBOT RUNというスターターゲームから始まり、独自のVercelアカウントにデプロイします。 キャンバスにバニラ JavaScript で全てのピクセルが描画され、Web Audio ですべての音が合成されるため、フィルムはゼロメディアアセットで出荷されます。 出力は1つの自己完結したHTMLプレーヤーとMP4のエクスポートです。
リファレンスフィルムは[examples/butterfly-lifeで、モンキーバタフライのライフサイクル:17ショット、32秒、120 bpm、24fpsで1080x1920です。
- 携帯電話のカットを見る: [
examples/butterfly-life/exports/butterfly-life-phone.mp4] - インタラクティブプレーヤー:[
examples/butterfly-life/dist/butterfly-life.htmlをダウンロードし、ブラウザで開く
リポジトリにあるもの
| パス | コンテンツ | お問い合わせ | [[T3] | スキル ツイート.
このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。
README
以下は原文 README の抜粋です。原文を見る。
procedural-film
An agent skill that turns a topic into a short film or a small game. It makes drawn and photo-doodle vertical films, retro pixel-art films at 60 fps, and a playable NES-style platformer. The platformer starts from a starter game called ROBOT RUN and deploys to your own Vercel account. Every pixel is drawn in vanilla JavaScript on a canvas and every sound is synthesised in Web Audio, so the film ships with zero media assets. The output is one self-contained HTML player plus MP4 exports.
The reference film is examples/butterfly-life, the life cycle of a monarch butterfly: 17 shots, 32 seconds, 120 bpm, 1080x1920 at 24 fps.
- Watch the phone cut:
examples/butterfly-life/exports/butterfly-life-phone.mp4 - Interactive player: download
examples/butterfly-life/dist/butterfly-life.htmland open it in a browser
What is in the repo
| Path | Contents |
|---|---|
skills/procedural-film/ |
The skill. SKILL.md is the pipeline, foundation/ is the engine and tools copied into each new film, retro/ adds the pixel-art engine and sound chip, game/ holds the ROBOT RUN starter, templates/ holds the four planning documents, reference/ holds the shot-type index, scene and music guides, and frames from the example as the visual target. |
examples/butterfly-life/ |
The butterfly film as the skill produces it: planning docs, source, tools, the HTML player and the phone MP4. |
Claude Quest: a game on the same engine
Three more examples push the engine from vertical films into a 320x180 NES-style platformer starring Claw’d. Play the game at https://claude-quest-nu.vercel.app with a keyboard, a gamepad or the on-screen pad.
| Path | Contents |
|---|---|
examples/claude-quest/ |
The first pixel-art film: 17 hand-animated shots, 40 seconds, 60 fps. |
examples/claude-quest-v2/ |
The film rebuilt as one continuous run of a real game engine, played from a recorded controller tape, on a simulated CRT with an emulated NES sound chip. The 720p cut is in exports/. |
examples/claude-quest-game/ |
The playable game with four levels and a boss fight. Its bots replay a controller tape through every level to prove each one can be finished, and its gates run before every deploy. |
These three are the worked examples the retro mode was built from. Ask for a retro film or a game and the skill starts from its own retro engine and the ROBOT RUN starter, not from these folders.
Claude Quest is an unofficial fan project, not affiliated with or endorsed by Anthropic. The art, music and levels are original; the look borrows the grammar of 1985 platformers.
Requirements
- Node.js 20 or newer
- ffmpeg on the
PATH
推奨ツール
別のキーワードを試すか、フィルタを外してください。
インストール
npx skillfish add kuhnhomeuk-cell/procedural-film