# Genui Workshop Run Cloud Shell

> Creates a shell script to build and run the Flutter web app on Cloud Shell using a local HTTP server.

- Skill: `flutter/genui-workshop-run-cloud-shell` (Agent Skill)
- Install (CLI): `npx skillmds@latest add flutter/genui-workshop-run-cloud-shell`
- Raw SKILL.md: https://api.skillmd.com/api/skills/flutter/genui-workshop-run-cloud-shell/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: DevOps & Infra
- Author: flutter (https://skillmd.com/u/flutter)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/flutter/genui-workshop-run-cloud-shell

---


# GenUI Workshop - Run on Cloud Shell

**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.

1. Create a file named `run_cloud_shell.sh` in the root directory of the project with the following content:
```shell
#!/bin/bash
# Builds the web target and serves it on port 8080
flutter build web
python3 -m http.server 8080 --directory build/web
```

2. Make the script executable by running the following command:
```bash
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.)*