AI Tools

What are AI Tools?

• AI tools allow you to develop apps, web apps, programs, generate images, edit photos, visualize data, run simulations, and more.
• AI tools can be useful to modders in various ways such as providing GUIs to hard-to-understand game files

Google AI Studio

• Homepage
• Google AI Studio is a free web app integrating an AI chatbot with extremely deep integration with development tools to allow you to do build advanced web apps
• You prompt the AI as you would any other AI chatbot and it generates the website for you. Commonly known as 'vibe coding'.
• Web apps are generated with common HTML/CSS/JS with React, and Nodejs/NPM and Typescript backend - But you don't need to know any of this
• You can download your app as a ZIP file and, if you're savvy with a web server, you can self host your web app
• You can also deploy and publish your app to Google's own hosting al

Requirements:

• You will need a Gmail/Google account and Google AI Studio will ask you to grant access to your Google Drive (which you already have if you have a Gmail/Google Account) to save your projects

Google Build AI

Real Web App Examples Built Using Google Build AI

All of these apps were generated by Google Build AI simply by prompting the AI like a regular AI chatbot. No hand coding needed.

• GTR2 PLR Editor by Shovas
• GTR2 AI Optimizer by Shovas
• GTR2 Race Weather Visualizer by Shovas

Notes:

• You will need a Gmail/Google account and Google AI Studio will ask you to grant access to your Google Drive (which you already have if you have a Gmail/Google Account) to save your projects

Guides

How to self-host a Google Build AI Web App

Self-host Google AI Studio Build AI app

# Download ZIP
# Upload and extract ZIP to website folder
# Update nodejs/npm stream: dnf module install nodejs:20
#* List available streams: dnf module list nodejs
# Change into website app folder
# Edit vite.config.ts and set base:
    export default defineConfig(({ mode }) => {
        ...
        return {
        ...
        plugins: [react()],
        base: '/apps/gtr2-plr-editor/dist/',
        ...
        };
    });
# Install nodejs modules: npm install
# Build nodejs web app: npm run build
# Fix permission:
## chmod -Rc u+rwX,go= .
## chmod -c u=rwX,go=rX .
## chmod -Rc u+rwX,go+rX dist
# Browse app: https://www.simwiki.net/apps/gtr2-plr-editor/dist/

Alternative:
- Extract ZIP into non-web-accessible directory, build, then copy/sync /dist/ to /apps/gtr2-plr-editor/
  - URL is then: https://www.simwiki.net/apps/gtr2-plr-editor/
- This keeps development and build files more securely in a non-web-accessible location

Notes:
- Properly done, the ZIP is extracted in a non-web-accessible directory and the /dist/ folder is copied to a web-accessible folder once generated