Vibe Coding
Q: What is "vibe coding"?
A: Vibe coding is a software development approach where users interact with AI models using natural language to generate, modify, and deploy code without needing to write the syntax manually. It gained significant traction around 2024-2025 as large language models became highly proficient at zero-shot code generation, allowing creators to focus on the "vibe" or high-level design while the AI handles the technical implementation.
Q: How do I use this site as a starting point for vibe coding?
A:
-- Find a game that matches the language and game format that interests you.
-- Click the SOURCE button to download the build-instructions for that game.
-- Edit the "Content Generation" section of the build-instructions and save the file.
-- Go to the Google AI Studio in your browser (https://aistudio.google.com).
-- Upload the edited build-instructions and Run.
-- After about three minutes the index.html file will be ready. Just open it in a browser.
The entire process takes less than five minutes, most of which is spent waiting for the AI to produce the game. You can see the process for building a custom game in the Video Guide.
-- Find a game that matches the language and game format that interests you.
-- Click the SOURCE button to download the build-instructions for that game.
-- Edit the "Content Generation" section of the build-instructions and save the file.
-- Go to the Google AI Studio in your browser (https://aistudio.google.com).
-- Upload the edited build-instructions and Run.
-- After about three minutes the index.html file will be ready. Just open it in a browser.
The entire process takes less than five minutes, most of which is spent waiting for the AI to produce the game. You can see the process for building a custom game in the Video Guide.
Q: How much would that cost me?
A: Google AI Studio offers a generous free tier that allows users to experiment and build applications at no cost, subject to certain rate limits. Adding an API key and setting up billing allows full access to all models with higher rate limits, and it guarantees that your prompts and data are not used for future model training.
Using an API key, the cost per game is about 0.03 USD.
Using an API key, the cost per game is about 0.03 USD.
Q: Why do you build the games with Google AI models instead of Anthropic or Open AI?
A: The frontier models from any of those companies are capable of producing the games for common languages like French. But Google has more training data for under-resourced languages like Pashto and Navajo.
Foreign Language Voices
Q: How does the speech synthesis work?
A: The Web Speech API provides web applications the ability to synthesize text-to-speech directly in the browser. It relies on the underlying operating system's speech synthesis engine rather than downloading audio files from the internet. It is widely supported across modern browsers including Chrome, Safari, Firefox, and Edge. The specific languages and voices available depend entirely on the voice packs installed on your local device.
Q: The speech synthesis sounds robotic or with a completely wrong accent.
A: That problem can often be solved by adding language support on your device (see below). If that does not work, then you can use the MUTE button.
Q: How do I install a foreign language voice on Android?
A: For Android 14-16: Go to Settings → System → Keyboard & input → Text-to-speech output. Tap the gear icon next to your preferred engine (usually Speech Services by Google), select "Install voice data", and choose your language.
For Android 10-13: Go to Settings → Accessibility → Text-to-speech output. Tap the gear icon, select "Install voice data", and download the desired language pack.
See the Video Guide.
For Android 10-13: Go to Settings → Accessibility → Text-to-speech output. Tap the gear icon, select "Install voice data", and download the desired language pack.
See the Video Guide.
Q: How do I install a foreign language voice on iOS?
A: Settings → Accessibility → Read and Speak → Voices → Select Language → Voice → Tap Cloud Icon.
See the Video Guide.
See the Video Guide.
Q: How do I install a foreign language voice on MS Windows?
A: Go to Settings → Time & language → Language & region. Click "Add a language", select your target language from the list, ensure the "Text-to-speech" option is checked, and click Install.
Q: How do I install a foreign language voice on MacOS?
A: Go to the Apple menu → System Settings → Accessibility → Spoken Content. Click the "System Voice" drop-down menu, select "Manage Voices", find your target language, and click the download icon next to the voice you prefer.
Q: How do I install a foreign language voice on Linux?
A: On most Linux distributions, you can install `speech-dispatcher` along with a synthesis engine like `espeak-ng`. For example, on Ubuntu or Debian-based systems, open a terminal and run `sudo apt install speech-dispatcher espeak-ng`. Once installed, ensure your browser is configured to interface with speech-dispatcher.
Q: The language I want to learn is not supported on my Android device.
A: You can try installing the RHVoice app. RHVoice is a free and open-source speech synthesizer for Android that supports several languages native Android lacks or has poor support for, such as Esperanto, Georgian, Tatar, and Kyrgyz. Download it from the Google Play Store, then set it as your preferred text-to-speech engine in your Android settings.
Q: The language I want to learn is not supported on Windows.
A: You can install espeak-ng-sapi, which is a port of the eSpeak NG text-to-speech engine for the Windows SAPI5 interface. Installing it allows browsers like Firefox to access a vast array of languages that native Windows lacks, including many regional and minority languages. Download the installer from its official GitHub repository, run it, and the voices will automatically become available to your browser.
Q: How can I turn off audio speech synthesis entirely?
A: Use the MUTE button at the top of the game.
App Installation on Mobile
Q: What are the advantages of installing the app on mobile?
A: Installing the Progressive Web App (PWA) allows you to launch the game directly from your home screen without opening a browser first. It provides a full-screen, immersive experience, works offline once the assets are cached, and takes up significantly less storage space than a traditional app store download.
Q: How do I install tha app on an iPhone?
A: To install the app on an iPhone running iOS 26, open a langauge page (for example French) in Safari. Tap the three dots menu at the bottom of the screen, and then Share. Scroll down the share menu and tap "Add to Home Screen". Finally, confirm the app's name and tap Add in the top right corner. Then you should open that app when you are still online, at that point the games are actually downloaded.
See the Video Guide.
See the Video Guide.
Q: How do I install tha app on Android?
A: On a language page (for example French) tap "Install" and then confirm installation.
See the Video Guide.
See the Video Guide.
Q: Why is the PWA app install process so convoluted on iOS?
A: Apple has historically restricted PWA functionality on iOS to maintain the dominance and security of its native App Store ecosystem, which generates significant revenue. By requiring users to manually add PWAs via the Safari share menu rather than offering a simple "Install" prompt like Android does, Apple keeps web apps at a slight disadvantage compared to native apps.
Other Questions
Q: What are some advantages of learning a second language?
A: Learning a second language offers significant cognitive benefits, such as delaying the onset of dementia and Alzheimer's disease by enhancing cognitive reserve. It also makes tourism much more fulfilling when you speak the local language, allowing for deeper connections with locals and a better understanding of the culture. In the professional world, business deals are easier and relationships are stronger when you can communicate in your partner's native language. Additionally, many schools and universities require foreign language study for graduation or admission.
Q: What AI models were used to produce this site?
A: The drag-and-drop games were produced by Gemini 3.1 Pro Preview. It provided the best language coverage, especially for endangered languages like Navajo.
The top-level language pages like French were produced by Clade Opus.
The home page, FAQ, and "Video Guides" pages were made with Gemini.
The top-level language pages like French were produced by Clade Opus.
The home page, FAQ, and "Video Guides" pages were made with Gemini.
Q: What is the monetiziation model for the site?
A: Minimally intrusive targeted ads (not on the games themselves). The site also serves as a portfolio asset and proof of concept.