Menu
Creates a shell script to build and run the Flutter web app on Cloud Shell using a local HTTP server.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
| name | genui_workshop_run_cloud_shell |
| description | Creates a shell script to build and run the Flutter web app on Cloud Shell using a local HTTP server. |
Goal: Create a script to easily build and serve the Flutter web app on Cloud Shell.
Instructions: Use your code editing tools to create a shell script in the root of the project and make it executable.
run_cloud_shell.sh in the root directory of the project with the following content:#!/bin/bash
# Builds the web target and serves it on port 8080
flutter build web
python3 -m http.server 8080 --directory build/web
chmod +x run_cloud_shell.sh
(Note: We use python3 instead of python just in case python isn't mapped to Python 3 in the environment, though python -m http.server as written in the README is also fine if python points to python 3.)
Execute Step 3 of the GenUI Workshop, creating the empty Flutter project and adding dependencies.
Execute Step 4 of the GenUI Workshop, setting up the GenUI scaffolding and initial chat interface.
Execute Step 5 of the GenUI Workshop, integrating the GenUI package into the Flutter app.
Execute Step 6 of the GenUI Workshop, creating the weather input widget and updating the system prompt.
Execute Step 7 of the GenUI Workshop, creating the weather card widget and fake forecast data.
Orchestrates the discovery, mapping, design, and implementation of a premium Flutter-based frontend for an Agent Development Kit (ADK) agent written with Python.