HomeGenie
LEARN — Documentation

Simon Says Widget

Building a "Simon Says" Game in Seconds

To demonstrate the incredible capabilities of the Widget Genie, we decided to push it beyond standard smart home controls. We asked it to build a fully playable classic memory game directly inside the HomeGenie environment.

Here is the exact, ultra-short prompt we used:

Create a 'Simon Says' game widget.

For this task, we selected the gemini-flash-latest model (which, at the time of writing, dynamically pointed to Google's cutting-edge gemini-3-flash-preview).

The Making Of

The result was stunning. In just a few seconds, the Widget Genie generated clean, modular, and fully functional code across all three layers (HTML, CSS, and JavaScript).

The making of Simon Says Widget inside the HomeGenie IDE

While the animated GIF above is silent, the AI went the extra mile: it autonomously implemented Web Audio API integration, giving each colored pad its own distinct, synchronized tone!

The Human-AI Synergy: The AI did 99% of the heavy lifting. We only noticed a tiny visual imperfection regarding the main container's height. Rather than spending another prompt to ask the AI for a fix, we simply switched to the Style tab in HomeGenie's integrated IDE and manually adjusted one line of CSS. This perfectly illustrates the "Magic Loop" workflow: let the AI build the complex logic and structure, and use your developer skills for the final aesthetic polish.

Live on the Dashboard

Once saved, the widget is immediately ready for production.

Simon Says Widget perfectly fitting on a HomeGenie Dashboard

As you can see, the game fits seamlessly into the HomeGenie UI. It respects the Flex Layout attributes, scales correctly, and coexists beautifully alongside standard thermostats, energy monitors, and security widgets.

Modding and Sharing

The beauty of HomeGenie 2.0 is how easily you can iterate on existing ideas or share them with the community.

Want to play it right now? If you just want to add the game to your dashboard without coding:

  1. Download the Widget .zip archive below.
  2. Go to your HomeGenie Widgets page.
  3. Click the + (Import) FAB button at the bottom of the screen.
  4. Select the .zip file, and you are ready to play.

Want to mod this game?

If you'd like to add a "Strict Mode", change the colors, or increase the playback speed, it is incredibly intuitive. Simply open the imported games/simon-says widget in the Widget Editor, open the AI Chat, and ask:

Modify the "games/simon-says" widget to make the sequence faster at each round.

The Widget Genie will instantly read the current code and apply your requested changes on the fly.

📥 Download


More topics

Learn with AI

menu_open Browse Content
forum Users Forum