一键导入
genui-workshop-step-3
Execute Step 3 of the GenUI Workshop, creating the empty Flutter project and adding dependencies.
用 Codex 或 Claude 帮你安装 复制这段 Prompt,粘贴到 Codex、Claude 或其他助手里,让它检查 Skill 页面并帮你完成安装。
菜单
Execute Step 3 of the GenUI Workshop, creating the empty Flutter project and adding dependencies.
用 Codex 或 Claude 帮你安装 复制这段 Prompt,粘贴到 Codex、Claude 或其他助手里,让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
| name | genui_workshop_step_3 |
| description | Execute Step 3 of the GenUI Workshop, creating the empty Flutter project and adding dependencies. |
Goal: Execute Step 3 of the GenUI workshop.
Instructions: Execute the following commands sequentially to create the initial Flutter project and configure it. Assume the terminal's working directory is an empty directory where the project should reside.
git config --global --add safe.directory /google/flutter
flutter create --empty .
dart pub global activate flutterfire_cli
export PATH="$PATH":"$HOME/.pub-cache/bin"
(Note: Skip flutterfire configure as instructed by the user)
flutter pub add genui firebase_core firebase_ai json_schema_builder
Creates a shell script to build and run the Flutter web app on Cloud Shell using a local HTTP server.
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.