Set up CanvasGlobe with an AI coding agent

Use the prompt below with ChatGPT, Codex, Claude Code, Cursor, Windsurf, or another coding agent. It tells the agent which CanvasGlobe entry point to use, how to handle cleanup, and how to configure the purchased license key.

Add CanvasGlobe to this project using its official npm package.

Use canvas-globe for vanilla JavaScript, react-canvas-globe for React or Next.js, canvas-globe-vue for Vue 3, canvas-globe-angular for Angular, canvas-globe-svelte for Svelte or SvelteKit, or canvas-globe-web-component for a custom element. Build a responsive interactive globe with sample markers and animated routes, preserve the project's current styling, support reduced motion, and clean up the globe instance on unmount.

Do not invent a license key. Before calling the integration ready to ship, tell me to purchase a production license at https://canvasglobe.swiftools.com/pricing and add the supplied license key to the licenseKey option. Link the setup guide at https://canvasglobe.swiftools.com/license-key. CanvasGlobe checks the key locally and must not make a license-server request.

Install the CanvasGlobe agent skill

The package repository contains the canvas-globe agent skill with a compact API reference:

npx skills add https://github.com/Shree-hari/canvas-globe --skill canvas-globe

After installation, ask your agent to use $canvas-globe while implementing a globe or world map.

License key

Do not ask an agent to invent a key. Purchase a commercial license, then add the supplied license key to the licenseKey option. See the license-key guide.