nice to have
一覧に戻る ログイン キットを出品する
← キット一覧

ドット絵モーションキット

絵を1枚渡すと、動く16コマに

使い方
ドット絵モーションキットの見本

ドット絵モーションキットは、Claude Code・Codex で使えるキットです。絵を1枚渡すと、動く16コマに。無料。

こんなときに

ドット絵を動かしたいのに、AIに頼んでも使える形で返ってこない

できること

キャラクターの絵から、ドット絵の動き(スプライトシート)を作ります。生成AIが返すのは市松模様の1枚絵で、頼んでも透過も大きさもそろっていません。それを本当の透過にして、16コマに切り分けて、足元をそろえます。ブラウザで動きを見ながら速さと使うコマを決めて、GIF・連番PNG・透過シートを書き出します。

このキットに入っている「直し」

このキットは、まだ実務に当てていません。現場で直した箇所が入ってから、ここに並びます。

入っているもの

  • 工程の進め方(絵 → シート → 直す → 確認 → 書き出し)
  • 市松模様を本当の透過にする道具
  • コマの位置ずれをそろえる道具
  • 動きを見て速さを決める画面
  • GIF・連番PNG・透過シートの書き出し
  • 生成AIが指示を守らないところと、その直し方
ファイル一覧(10)
  • tools/sheet.py(★本体。透過・切り分け・位置合わせ・書き出しを通しで)
  • tools/sheet.py --apply(画面で決めた速さ・コマで書き出しだけやり直す)
  • tools/app.py + app.html(★画面はこれ1つ。動きを見て決める)
  • tools/gensheet.mjs(シートを鍵で作る・無くても進められる)
  • tools/build-site.mjs / tools/deploy.sh(スマホで見る)
  • rules/FLOW.md(5つの工程の順番)
  • rules/TONE.md(ドット絵と動きの決めごと)
  • rules/PROMPTS.md(そのまま貼れる注文文)
  • rules/CHECK.md(渡す前の確認)
  • middleware.js / CLAUDE.md / KIT.md

最初に決める3つ

  1. キャラクター(手持ちの絵でも可)
  2. 動き(既定は戦闘)
  3. コマ数(まず4×4の16コマ)

必要なもの

  • 別途費用絵を用意する手段キャラクターの絵が要ります。お使いの画像生成AIでも、手持ちのイラストでも構いません
  • 別途費用Gemini の鍵(使うなら)絵を渡すだけで裏で動く形にしたいときだけ。★画像生成は有料プランが必要です。鍵を使わず、出た文を貼るやり方でも同じものが作れます
  • 追加費用なしPython(Pillow)無くても pip install Pillow の1行で入ります

使い方

お使いのAIに、これを貼るだけです。

nice to have のキット「ドット絵モーションキット」を使いたい。https://nicetohave.app/g/Y3FEQLMA-•••••••••• のとおりに取り込んで。

Claude Code でも Codex でも同じです。セーフレール(危ない操作を自動で止める安全装置)が入っていれば、そちらが取り寄せます。
貼る前に、AIに何をさせるのか読む

自分でファイルとして受け取りたいとき

上の文を貼れば、AIが取りに行きます。自分で落としたいときは、ここから。

キットを zip で落とす

  1. 落とした zip を展開する
  2. できたフォルダを、Claude Code か Codex で開く(VS Code なら「フォルダーを開く」)
  3. 「このキットで作り始めて」と打つ。手順は中に入っています(Claude Code は CLAUDE.md、Codex は AGENTS.md を読みます)

この道には、危ない操作を自動で止める安全装置(セーフレール)が付きません。鍵(APIキー)や個人情報を扱うものを作るときは、セーフレール入りの Claude Code をお使いください。

よくある質問

「ドット絵モーションキット」で何ができますか?
キャラクターの絵から、ドット絵の動き(スプライトシート)を作ります。生成AIが返すのは市松模様の1枚絵で、頼んでも透過も大きさもそろっていません。それを本当の透過にして、16コマに切り分けて、足元をそろえます。ブラウザで動きを見ながら速さと使うコマを決めて、GIF・連番PNG・透過シートを書き出します。
どの AI で使えますか?
Claude Code と Codex で使えます。キットのページの「貼る文」を1行コピーして AI に貼るだけで、キットを取り込んで始まります(コピーには GitHub か Google のログインが要ります)。
費用はかかりますか?
キットは無料です。別途、絵を用意する手段・Gemini の鍵(使うなら)に費用がかかることがあります。AI ツールそのものの利用料は、それぞれの契約によります。
最初に何を決めますか?
キャラクター(手持ちの絵でも可)、動き(既定は戦闘)、コマ数(まず4×4の16コマ)の3つです。AI が1つずつ聞いてきます。
個人情報を扱いますか?
扱いません。

レビュー

使ってみたら、ひとことどうぞ
「ありがとう」でも、作ったものの自慢でも。作り手に届きます。
GitHub でログインして書く

応援した人

応援の受け付けを始めたら、このキットを応援した人がここに並びます。

パブリッシャー
ohirutabeyo
公開日
2026/09/11
値段
無料
分類
動画・スタンプをつくる
個人情報
扱いません
安全レビュー
不要(個人情報を扱わない)
入っているもの
工程の進め方(絵 → シート → 直す → 確認 → 書き出し)市松模様を本当の透過にする道具コマの位置ずれをそろえる道具動きを見て速さを決める画面GIF・連番PNG・透過シートの書き出し生成AIが指示を守らないところと、その直し方

ほかのキット