base on Google AI Studio Starter Apps # Google AI Studio Starter Applets This repository contains the source code for Google AI Studio's [starter apps](https://aistudio.google.com/app/starter-apps) — a collection of small apps that demonstrate how Gemini can be used to create interactive experiences. These apps are built to run inside AI Studio, but the versions included here can run standalone using the [Gemini API](https://ai.google.dev/gemini-api/docs). ## Spatial Understanding [Spatial Understanding](/spatial/) ([live demo](https://aistudio.google.com/app/starter-apps/spatial)) is a simple demonstration of Gemini's 2D and 3D spatial understanding and reasoning capabilities. It was built with React. This example should give you an idea of how to get started with spatial analysis using Gemini. Check out [Prompt.tsx](/spatial/src/Prompt.tsx) to see how bounding box parsing is implemented. To dive deeper into Gemini's spatial reasoning capabilities, check out this [Colab notebook](https://github.com/google-gemini/cookbook/blob/main/gemini-2/spatial_understanding.ipynb). To develop locally, insert your Gemini API key in the `.env` file. ## Video Analyzer [Video Analyzer](/video/) ([live demo](https://aistudio.google.com/app/starter-apps/video)) is a simple app that allows you to explore events within videos using Gemini. It was built with React. This example shows how to get started with video analysis using function calling. Check out [functions.js](/video/src/functions.js) to see the function definition for this applet! To develop locally, insert your Gemini API key in the `.env` file. ## Map Explorer [Map Explorer](/maps/) ([live demo](https://aistudio.google.com/app/starter-apps/map)) is a simple app that allows you to explore a map using Gemini and the Google Maps API. It was built using Lit, and the [Maps Embed API](https://developers.google.com/maps/documentation/embed/get-started). This example will give you an idea of how to get started with function calling. See [function-declarations.js](/maps/function-declarations.js) to find out more about how function calling is used to call the Maps Embed API here! To develop locally, insert your Gemini API key where you see `your_key_here` in the `script.js` file. ### Contributors - [@bencobley](https://github.com/bencobley) - [@dmotz](https://github.com/dmotz) - [@grantcuster](https://github.com/grantcuster) - [@hapticdata](https://github.com/hapticdata) ", Assign "at most 3 tags" to the expected json: {"id":"13437","tags":[]} "only from the tags list I provide: [{"id":77,"name":"3d"},{"id":89,"name":"agent"},{"id":17,"name":"ai"},{"id":54,"name":"algorithm"},{"id":24,"name":"api"},{"id":44,"name":"authentication"},{"id":3,"name":"aws"},{"id":27,"name":"backend"},{"id":60,"name":"benchmark"},{"id":72,"name":"best-practices"},{"id":39,"name":"bitcoin"},{"id":37,"name":"blockchain"},{"id":1,"name":"blog"},{"id":45,"name":"bundler"},{"id":58,"name":"cache"},{"id":21,"name":"chat"},{"id":49,"name":"cicd"},{"id":4,"name":"cli"},{"id":64,"name":"cloud-native"},{"id":48,"name":"cms"},{"id":61,"name":"compiler"},{"id":68,"name":"containerization"},{"id":92,"name":"crm"},{"id":34,"name":"data"},{"id":47,"name":"database"},{"id":8,"name":"declarative-gui "},{"id":9,"name":"deploy-tool"},{"id":53,"name":"desktop-app"},{"id":6,"name":"dev-exp-lib"},{"id":59,"name":"dev-tool"},{"id":13,"name":"ecommerce"},{"id":26,"name":"editor"},{"id":66,"name":"emulator"},{"id":62,"name":"filesystem"},{"id":80,"name":"finance"},{"id":15,"name":"firmware"},{"id":73,"name":"for-fun"},{"id":2,"name":"framework"},{"id":11,"name":"frontend"},{"id":22,"name":"game"},{"id":81,"name":"game-engine "},{"id":23,"name":"graphql"},{"id":84,"name":"gui"},{"id":91,"name":"http"},{"id":5,"name":"http-client"},{"id":51,"name":"iac"},{"id":30,"name":"ide"},{"id":78,"name":"iot"},{"id":40,"name":"json"},{"id":83,"name":"julian"},{"id":38,"name":"k8s"},{"id":31,"name":"language"},{"id":10,"name":"learning-resource"},{"id":33,"name":"lib"},{"id":41,"name":"linter"},{"id":28,"name":"lms"},{"id":16,"name":"logging"},{"id":76,"name":"low-code"},{"id":90,"name":"message-queue"},{"id":42,"name":"mobile-app"},{"id":18,"name":"monitoring"},{"id":36,"name":"networking"},{"id":7,"name":"node-version"},{"id":55,"name":"nosql"},{"id":57,"name":"observability"},{"id":46,"name":"orm"},{"id":52,"name":"os"},{"id":14,"name":"parser"},{"id":74,"name":"react"},{"id":82,"name":"real-time"},{"id":56,"name":"robot"},{"id":65,"name":"runtime"},{"id":32,"name":"sdk"},{"id":71,"name":"search"},{"id":63,"name":"secrets"},{"id":25,"name":"security"},{"id":85,"name":"server"},{"id":86,"name":"serverless"},{"id":70,"name":"storage"},{"id":75,"name":"system-design"},{"id":79,"name":"terminal"},{"id":29,"name":"testing"},{"id":12,"name":"ui"},{"id":50,"name":"ux"},{"id":88,"name":"video"},{"id":20,"name":"web-app"},{"id":35,"name":"web-server"},{"id":43,"name":"webassembly"},{"id":69,"name":"workflow"},{"id":87,"name":"yaml"}]" returns me the "expected json"