Skip to content
maskostudioDocs

All pages

  • Overview/docs/use-cases
  • Mobile app/docs/use-cases#mobile
  • Website/docs/use-cases#website
  • Desktop/docs/use-cases#desktop
  • AI agents/docs/use-cases#agents
  • Videos/docs/use-cases#videos
  • Brand/docs/use-cases#brand
  • Start building/docs/ai-agents
  • Set up once/docs/ai-agents#set-up-once
  • Ask in plain words/docs/ai-agents#ask-in-plain-words
  • What your agent does/docs/ai-agents#what-your-agent-does
  • MCP server/docs/mcp
  • Masko for Cursor/docs/ai-tools/cursor
  • Masko in ChatGPT/docs/ai-tools/chatgpt
  • Masko in Lovable/docs/ai-tools/lovable
  • Masko in Devin/docs/ai-tools/devin
  • Masko in n8n/docs/ai-tools/n8n
  • Masko in Hermes Agent/docs/ai-tools/hermes
  • Masko in OpenClaw/docs/ai-tools/openclaw
  • Start here/docs/tutorials#start-here
  • All tutorials/docs/tutorials
  • Create your first mascot/docs/tutorials/first-mascot
  • Create an animated character/docs/tutorials/first-animation
  • Make a character talk/docs/tutorials/make-it-talk
  • Put your mascot on your website/docs/tutorials/mascot-on-your-website
  • Guide onboarding with a talking mascot/docs/tutorials/web-onboarding-mascot
  • Add a mascot that celebrates progress and welcomes users back/docs/tutorials/web-progress-companion
  • Add a talking support mascot in the bottom right/docs/tutorials/web-support-mascot
  • Show a mascot while your AI thinks/docs/tutorials/ai-loading-mascot
  • Give your AI agent a face/docs/tutorials/ai-agent-face
  • Animate the mascot you already have/docs/tutorials/animate-your-mascot
  • How to make Telegram stickers/docs/tutorials/telegram-stickers
  • How to make Discord stickers/docs/tutorials/discord-stickers
  • Quickstart: your first animation/docs/quickstart
  • Terminal quickstart/docs/terminal
  • API keys and workspaces/docs/authentication
  • CLI browser login/docs/authentication/cli
  • How mascots work/docs/how-mascots-work
  • Credits and costs/docs/credits
  • From text/docs/create/from-text
  • From an image/docs/create/from-image
  • From a website/docs/create/from-website
  • From a brand book/docs/create/from-brand-book
  • Reference images/docs/manage/references
  • What you can generate/docs/generation
  • Pose-to-animation walkthrough/docs/generate/workflow
  • Images and poses/docs/generate/images
  • Animations/docs/generate/animations
  • Talking animations/docs/generate/talking
  • Logos, backgrounds and stickers/docs/generate/design-assets
  • Cursor follower/docs/generate/cursor-follower
  • Batch generation/docs/generate/batch
  • Image and video exports/docs/manage/media-exports
  • Canvases and releases/docs/canvas
  • Build a canvas/docs/canvas/build
  • Canvas templates/docs/canvas/templates
  • Generate canvas assets/docs/canvas/generate-all
  • Export a canvas/docs/canvas/export
  • Overview and demo/docs/player
  • Play one animation/docs/player/one-animation
  • Play a canvas/docs/player/canvas
  • Hosting and file formats/docs/generate/cdn
  • File sizes/docs/generate/file-sizes
  • Float a mascot on your Mac/docs/integrations/desktop
  • Jobs and polling/docs/manage/jobs
  • Webhooks/docs/manage/webhooks
  • Manage mascots and assets/docs/manage/collections
  • All endpoints/docs/reference
  • Requests and responses/docs/reference/conventions
  • Errors and recovery/docs/reference/errors
  • Command line reference/docs/terminal/commands
  • TypeScript SDK/docs/sdk/typescript
  • Changelog/docs/reference/changelog
  • Migrate to mascots and canvases/docs/manage/studio-migration
Get an API key
Documentation

Masko in Devin

Devin can create a mascot for the app it is building through Masko's MCP server. It creates the mascot, its poses and its animations, then puts the finished files in your repository. Your app plays those files and never calls Masko.

The connection lives in your Devin plugins, so it works in cloud sessions, Devin Desktop and the Devin CLI.

Connect Masko

Devin signs in to Masko, so nobody copies a key.

  1. In Devin, open Customize → MCPs, click + at the top right, then New MCP.
  2. Name it Masko, set Transport type to HTTP, Server URL to https://masko.ai/api/mcp and Authentication to OAuth.
  3. Click Add, tick I understand and want to proceed and click Add again.
  4. Masko's sign-in page opens. Choose the workspace whose credits Devin will use and click Connect Masko.
  5. Back in Devin, open masko, scroll to Test tools and click Test. Devin lists Masko's tools.

Generation spends the credits of the workspace you chose. Only a team owner or admin can connect a team workspace. To add Masko, your Devin role needs permission to manage MCP servers.

Try it

  • "Show my Masko credit balance. Don't generate anything."
  • "Add a friendly mascot to this app. It waits on the home screen and celebrates when a task is done. Tell me the cost before generating."
  • "Export the mascot's idle and celebrate animations and play them with the Masko player."

What Devin can do

  • Create a mascot, its poses and its animations.
  • Check a job until its files are ready.
  • Build a canvas, the mascot's states and the moments that switch between them.
  • Export and publish assets, and get their CDN links.
  • Read your credit balance and open a credit checkout link.

Costs

Generation uses credits from the Masko workspace your key belongs to. Ask Devin for the estimated cost before generating: the estimate tools return it before anything is spent. Devin's own session usage is billed by Devin.

Playback

Play the files with the Masko player (npm install @masko/player). A single loop needs only its two hosted files: <MaskoPlayer clip={{ webm, hevc }} /> (one animation). A mascot that changes clips is a canvas release, which your app drives with set and fire. Ask Devin to export the release once with public links and commit that delivery with your app.

New mascots made through the MCP server start with public CDN hosting off. Publish the mascot's assets before using CDN links in a public app.

Limits

  • The connection works while Devin builds. Your shipped app cannot reach Masko through it.
  • The connection allows 120 requests per minute per key.

Security

  • Devin keeps the sign-in Masko gave it and sends it with each request. No Masko key goes into Devin or your repository.
  • Your app only plays files and needs no Masko key.
  • To remove access, disconnect Devin in Connected apps and uninstall the server in Customize → MCPs.