Monday, November 24, 2025

Google AI Studio (Playground) and App Builder

 Google has two tools to build artifacts. You have recently used the App Builder, which not only generates codes but also compile them. It takes more time to compile but less time to execute. Therefore, it is best for product delivery to  pilot production. If you are still playing with your idea and involve a lot of iterative revisions, you may want to use Playground, which does not compile the code so it will save time for waiting. 


Claude explains.

Google AI Studio (Playground)

Google AI Studio 是一個瀏覽器為基礎的環境,讓開發者可以快速測試和改進使用 Gemini 模型的提示(prompts) MediumGoogle AI。主要特點包括:

  • 快速原型開發: 這是開始使用 Gemini 建構應用最快的方式 Google AI Studio
  • 互動式測試: 可以即時測試不同類型的提示(freeform、structured、chat prompts)
  • 程式碼產生: 測試完成後可以選擇「Get code」並選擇您偏好的程式語言來使用 Gemini API
  • 適合對象: 開發者、研究人員、想要實驗 AI 功能的創作者

App Builder 工具

根據搜尋結果,Google 提供幾種不同的 App Builder:

1. AppSheet 的 Gemini for App Creation

允許您透過簡單描述業務流程或想法的自然語言來建構應用程式 Google Support。例如:

  • 描述一個管理設施檢查的應用程式
  • Gemini 會返回應用程式結構供您審查和編輯
  • 自動生成資料表、欄位和基本功能

2. Google AI Studio 的 Build Mode

Build Mode 讓您能比以往更快地添加 AI 功能,自動連接正確的模型和 API Google

主要差異總結

特點Playground (AI Studio)App Builder
用途測試和實驗 Gemini 模型建構完整的應用程式
輸出提示設計、API 程式碼可部署的應用程式
技術門檻需要基本程式設計知識可使用自然語言描述
開發方式手動編寫程式碼AI 輔助自動生成
適用場景API 整合、模型測試快速開發商業應用

簡單來說,Playground (AI Studio) 著重在「實驗和測試 AI 模型」,而 App Builder 則專注於「快速建構完整的應用程式」。您會先在 Playground 測試您的 AI 互動方式,然後可能使用 App Builder 或手動編碼來建構完整的應用。



Gemini explains.

Here is the difference between the two modes when creating an engineering animation:

1. Playground Mode (The "Prompt & Test" Phase)

This is the default interface where you chat with the AI (Gemini).

  • Goal: To test if the AI understands the physics or logic of your animation.

  • What you do: You describe the engineering concept (e.g., "Write a Python script to animate a double pendulum with chaotic motion").

  • Result: The AI gives you code snippets or text descriptions. You have to copy-paste this code into another tool (like VS Code or a Python IDE) to actually see the animation run.

  • Best for: debugging the math, refining the physics formulas, or generating the initial code logic.

2. Build Mode (The "Vibe Coding" / App Phase)

This is the new "Build" feature (often called "Vibe Coding").

  • Goal: To create a standalone, running web app that displays your animation immediately.

  • What you do: You type the same prompt (e.g., "Build a web app that simulates a hydraulic press crushing a can with adjustable pressure sliders").

  • Result: AI Studio writes the code (usually React/Javascript), compiles it, and runs it in a preview window on the right side of the screen. You see the animation working live.

  • Best for: Visualizing the final result instantly, creating interactive sliders/buttons for your engineering model, and deploying it as a shareable link.


Summary Comparison

FeaturePlayground ModeBuild Mode
Primary ActionChatting & Code GenerationApp Creation & Previewing
OutputText / Raw Code SnippetsA Functioning Web App (GUI)
VisualizationNone (must run code externally)Live Preview (runs in browser)
Engineering UseVerifying formulas/logicVisualizing the simulation

No comments: