{
 "schema_version": 1,
 "generated": "2026-10-20",
 "id": "beatapi-beatdesign--generate-images-on-canvas-with-beatapi",
 "repo": "BeatAPI/BeatDesign",
 "repo_url": "https://github.com/BeatAPI/BeatDesign",
 "repo_slug": "beatapi-beatdesign",
 "title": "Generate and branch images and video on a Canvas",
 "page_title": "How to generate and branch images and video on a Canvas with Beat Design",
 "summary": "Build a node-based image or video workflow on the infinite Canvas using your own BeatAPI key.",
 "who": "A creative lead testing visual ideas who wants to compare several generations and reuse outputs in one project.",
 "problem": "Generated images and videos are often scattered across tools, which makes comparing and reusing them slow.",
 "outcome": "A Canvas with prompts, generated results, and branches you can compare, with each result saved as a reusable project Asset.",
 "steps": [
  "Run `pnpm install`, then `pnpm db:push`, then `pnpm dev`.",
  "Open http://127.0.0.1:3020 in Chrome.",
  "Add your BeatAPI API key from the BeatAPI dashboard in Beat Design settings.",
  "Add prompt, image, or video nodes on the Infinite Canvas and connect them.",
  "Generate results, branch ideas, and compare outputs; generated results become Assets you can reuse in the Editor."
 ],
 "agent_prompt": "In the BeatDesign repo at <repo path>, use the Canvas to connect a prompt node for <prompt text> to an image generation node, generate three variations, and list the resulting Asset names. Verify that each variation appears as an Asset in the project.",
 "agents": [
  "any"
 ],
 "difficulty": "Intermediate",
 "time": "30 minutes",
 "basis": "readme",
 "caveat": "Generation needs a BeatAPI key and sends media to a provider, while local importing and editing do not.",
 "category": "Content",
 "tags": [
  "Content"
 ],
 "lang": "typescript",
 "requirements": [
  "Node.js 22 or newer",
  "pnpm 10 or newer",
  "A current Chrome browser on macOS or Windows",
  "A BeatAPI API key, only if you want to generate or analyze media or use AI redo"
 ],
 "risk": "dual-use",
 "seen_in_the_wild": false,
 "mentioned_publicly": false,
 "risks": [
  {
   "tag": "credentials",
   "notice": "Generation and AI redo need your own BeatAPI API key, so store it safely and do not paste it into shared agent prompts or logs."
  }
 ],
 "best": false,
 "score": 0.8,
 "evidence": [],
 "url": "https://dedupedai.com/use-cases/beatapi-beatdesign/generate-images-on-canvas-with-beatapi/",
 "md": "https://dedupedai.com/use-cases/beatapi-beatdesign/generate-images-on-canvas-with-beatapi/index.md",
 "disclaimer": "Deduped lists open-source repositories that belong to other people. We do not own, maintain, audit, or vouch for any of them, and a repo appearing here is not an endorsement or a safety check. The use cases, steps, and prompts are written by AI and may be incomplete, outdated, or just wrong. Where a use case is marked \"Seen in the wild\", we link to public posts where someone described something similar, but we have not verified those posts and the use case itself is still our AI's own write-up. Use all of this at your own risk. Only run code, commands, or agents on systems and accounts you are authorized to use, and read the code and every command before you run it, especially anything that touches credentials, files, or the network. Nothing here is professional, security, legal, or financial advice. All trademarks and project names belong to their respective owners, and their use here does not imply affiliation. Content is provided as is, without warranties of any kind. Found a mistake, a safety problem, or something you want removed? Email hello@dedupedai.com and we will look at it promptly.",
 "api": "https://dedupedai.com/api/v1/usecases/beatapi-beatdesign--generate-images-on-canvas-with-beatapi.json",
 "api_version": "v1"
}