# Made a Chrome extension that adds AI chat to MakeCode Arcade to help debug games/chat with code

**URL:** <https://forum.makecode.com/t/made-a-chrome-extension-that-adds-ai-chat-to-makecode-arcade-to-help-debug-games-chat-with-code/41407>\
**Category:** Arcade\
**Created:** [January 6, 2026, 9:57pm UTC](https://forum.makecode.com/t/made-a-chrome-extension-that-adds-ai-chat-to-makecode-arcade-to-help-debug-games-chat-with-code/41407 "2026-01-06T21:57:34Z")\
**Posts on this page:** 15\
**Page:** 1

<div class="post-metadata">

**Author:** ![Raph](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/raph/32/2203_2.png) [@Raph](https://forum.makecode.com/u/Raph)\
**Post date:** [January 6, 2026, 9:57pm UTC](https://forum.makecode.com/t/made-a-chrome-extension-that-adds-ai-chat-to-makecode-arcade-to-help-debug-games-chat-with-code/41407/1 "2026-01-06T21:57:34Z")

</div>

Hey everyone,

I’ve been working with students learning to code through MakeCode Arcade and noticed they often get stuck on bugs or don’t know what blocks to use next. Figured I’d throw together a Chrome extension that adds an AI assistant right in the editor.

- → [https://github.com/rawritude/arcade-makecode-ai](https://github.com/rawritude/arcade-makecode-ai)

[![r/MakeCode - Made a Chrome extension that adds AI chat to MakeCode Arcade to help debug games/chat with code|750xauto](https://preview.redd.it/made-a-chrome-extension-that-adds-ai-chat-to-makecode-v0-iqzphyfktobg1.png?width=1907&format=png&auto=webp&s=fe18f317a24ce29ced6b1b94719b25d69d76041d)](https://preview.redd.it/made-a-chrome-extension-that-adds-ai-chat-to-makecode-v0-iqzphyfktobg1.png?width=1907&format=png&auto=webp&s=fe18f317a24ce29ced6b1b94719b25d69d76041d "Image from r/MakeCode - Made a Chrome extension that adds AI chat to MakeCode Arcade to help debug games/chat with code")

**What it does:**

- Opens a chat panel in MakeCode Arcade

- Automatically grabs your project code

- Detects if you’re using blocks or JavaScript

- Has a complexity slider so it can explain things simply for younger kids or be more technical for experienced users

- Uses Gemini API for the AI stuff

The blocks detection was actually trickier than expected - had to look at the DOM to see which editor tab is active rather than just checking file contents.

For younger learners, it uses simple language and tells them which blocks to drag from which category. For older/experienced users, it can give proper TypeScript examples.

It’s pretty basic but does the job. Code’s on GitHub if anyone wants to mess with it or has suggestions.

NB: it doesn’t include significant AI guardrails. Something to consider with younger age groups. I could add in the future.

---

<div class="post-metadata">

**Author:** ![redSprite](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/redsprite/32/34262_2.png) [@redSprite](https://forum.makecode.com/u/redSprite)\
**Post date:** [January 7, 2026, 1:20am UTC](https://forum.makecode.com/t/made-a-chrome-extension-that-adds-ai-chat-to-makecode-arcade-to-help-debug-games-chat-with-code/41407/2 "2026-01-07T01:20:30Z")

</div>

You made WHAT.  
Add Python support.

---

<div class="post-metadata">

**Author:** ![\_jupiter](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/_jupiter/32/28012_2.png) [@\_jupiter](https://forum.makecode.com/u/_jupiter)\
**Post date:** [January 8, 2026, 5:45pm UTC](https://forum.makecode.com/t/made-a-chrome-extension-that-adds-ai-chat-to-makecode-arcade-to-help-debug-games-chat-with-code/41407/3 "2026-01-08T17:45:35Z")

</div>

how does one manage to do this

---

<div class="post-metadata">

**Author:** ![Air](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/air/32/26413_2.png) [@Air](https://forum.makecode.com/u/Air)\
**Post date:** [January 8, 2026, 5:52pm UTC](https://forum.makecode.com/t/made-a-chrome-extension-that-adds-ai-chat-to-makecode-arcade-to-help-debug-games-chat-with-code/41407/4 "2026-01-08T17:52:52Z")

</div>

This is incredible!

---

<div class="post-metadata">

**Author:** ![Rune](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/rune/32/18951_2.png) [@Rune](https://forum.makecode.com/u/Rune)\
**Post date:** [January 8, 2026, 6:00pm UTC](https://forum.makecode.com/t/made-a-chrome-extension-that-adds-ai-chat-to-makecode-arcade-to-help-debug-games-chat-with-code/41407/5 "2026-01-08T18:00:16Z")

</div>

Please do not use generative AI. It seems cool and helpful but learning how to debug is a valuable skill and this stuff will probably get it wrong 50% of the time anyway.

Also:

“With larger and new AI-focused data centers, water consumption is increasing alongside energy usage and carbon emissions.“

Source: [https://www.eesi.org/articles/view/data-centers-and-water-consumption](https://www.eesi.org/articles/view/data-centers-and-water-consumption)

---

<div class="post-metadata">

**Author:** ![RoboVacDev](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/robovacdev/32/29619_2.png) [@RoboVacDev](https://forum.makecode.com/u/RoboVacDev)\
**Post date:** [January 8, 2026, 6:04pm UTC](https://forum.makecode.com/t/made-a-chrome-extension-that-adds-ai-chat-to-makecode-arcade-to-help-debug-games-chat-with-code/41407/6 "2026-01-08T18:04:38Z")

</div>

It’s not showing up.

---

<div class="post-metadata">

**Author:** ![RizeUpDev](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/rizeupdev/32/35291_2.png) [@RizeUpDev](https://forum.makecode.com/u/RizeUpDev)\
**Post date:** [January 8, 2026, 6:21pm UTC](https://forum.makecode.com/t/made-a-chrome-extension-that-adds-ai-chat-to-makecode-arcade-to-help-debug-games-chat-with-code/41407/7 "2026-01-08T18:21:19Z")

</div>

How to add it in my project?

Btw, I don’t use chrome, so will it work in microsoft edge?

---

<div class="post-metadata">

**Author:** ![Raph](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/raph/32/2203_2.png) [@Raph](https://forum.makecode.com/u/Raph)\
**Post date:** [January 8, 2026, 6:55pm UTC](https://forum.makecode.com/t/made-a-chrome-extension-that-adds-ai-chat-to-makecode-arcade-to-help-debug-games-chat-with-code/41407/8 "2026-01-08T18:55:13Z")

</div>

It grabs the block data from indexedb in local storage and passes it to the ai.

---

<div class="post-metadata">

**Author:** ![Raph](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/raph/32/2203_2.png) [@Raph](https://forum.makecode.com/u/Raph)\
**Post date:** [January 8, 2026, 6:55pm UTC](https://forum.makecode.com/t/made-a-chrome-extension-that-adds-ai-chat-to-makecode-arcade-to-help-debug-games-chat-with-code/41407/9 "2026-01-08T18:55:20Z")

</div>

yeah will work on edge. download the repo, generate your api key (free) on google ai studio and add it to the extension. Then click on chat when in a editor window.

---

<div class="post-metadata">

**Author:** ![Raph](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/raph/32/2203_2.png) [@Raph](https://forum.makecode.com/u/Raph)\
**Post date:** [January 8, 2026, 6:55pm UTC](https://forum.makecode.com/t/made-a-chrome-extension-that-adds-ai-chat-to-makecode-arcade-to-help-debug-games-chat-with-code/41407/10 "2026-01-08T18:55:23Z")

</div>

make sure you’ve added the api key and clicked on the bubble on bottom right.

---

<div class="post-metadata">

**Author:** ![redSprite](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/redsprite/32/34262_2.png) [@redSprite](https://forum.makecode.com/u/redSprite)\
**Post date:** [January 8, 2026, 7:59pm UTC](https://forum.makecode.com/t/made-a-chrome-extension-that-adds-ai-chat-to-makecode-arcade-to-help-debug-games-chat-with-code/41407/11 "2026-01-08T19:59:15Z")

</div>

Wait, water is also used to run AI servers?

---

<div class="post-metadata">

**Author:** ![Rune](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/rune/32/18951_2.png) [@Rune](https://forum.makecode.com/u/Rune)\
**Post date:** [January 8, 2026, 10:11pm UTC](https://forum.makecode.com/t/made-a-chrome-extension-that-adds-ai-chat-to-makecode-arcade-to-help-debug-games-chat-with-code/41407/12 "2026-01-08T22:11:53Z")

</div>

By my understanding, AI is fueled by those big data centers, and because of that data companies are making more of them. As people continue to use AI, there will be higher and higher demand for data centers and then higher and higher water usage and co2 emissions.

And all that for things YOU COULD DO YOURSELF.

That being said, I am not an expert, look it up.

---

<div class="post-metadata">

**Author:** ![QuiGonJohn](https://avatars.discourse-cdn.com/v4/letter/q/c6cbf5/32.png) [@QuiGonJohn](https://forum.makecode.com/u/QuiGonJohn)\
**Post date:** [January 13, 2026, 12:11am UTC](https://forum.makecode.com/t/made-a-chrome-extension-that-adds-ai-chat-to-makecode-arcade-to-help-debug-games-chat-with-code/41407/13 "2026-01-13T00:11:55Z")

</div>

W, I have no idea how you managed this, but holly cow this is awesome, great job

---

<div class="post-metadata">

**Author:** ![RoboVacDev](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/robovacdev/32/29619_2.png) [@RoboVacDev](https://forum.makecode.com/u/RoboVacDev)\
**Post date:** [January 16, 2026, 10:40pm UTC](https://forum.makecode.com/t/made-a-chrome-extension-that-adds-ai-chat-to-makecode-arcade-to-help-debug-games-chat-with-code/41407/14 "2026-01-16T22:40:59Z")

</div>

Uh what??? Im not very good at this lol

---

<div class="post-metadata">

**Author:** ![TheEarth](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/theearth/32/34579_2.png) [@TheEarth](https://forum.makecode.com/u/TheEarth)\
**Post date:** [January 30, 2026, 12:26am UTC](https://forum.makecode.com/t/made-a-chrome-extension-that-adds-ai-chat-to-makecode-arcade-to-help-debug-games-chat-with-code/41407/15 "2026-01-30T00:26:00Z")

</div>

also water for **cooooooooooooooooooooling** those data centers
