Update readme

ai-catalog/README.md

@@ -11,23 +11,38 @@ some of Google's models.
 > For best practices follow our documentation and check
 > [Now In Android](https://github.com/android/nowinandroid)
 
-Browse the samples inside the `/samples` folder:
-
-- **gemini-image-chat**: a sample using the new [Gemini 2.5 Flash Image model](https://developers.googleblog.com/en/introducing-gemini-2-5-flash-image/) (a.k.a. "NanoBanana") enabling image generation and iterations via chat interactions
-- **gemini-chatbot**: a simple chatbot using Gemini Flash
-- **gemini-multimodal**: a single screen application leveraging text+image to text generation with Gemini Flash
-- **genai-summarization**: a text summarization sample using Gemini Nano
-- **genai-image-description**: an image description sample using Gemini Nano
-- **genai-writing-assistance**: a proofreading and rewriting sample using Gemini Nano
-- **imagen**: an image generation sample using Imagen
-- **magic-selfie**: an sample using ML Kit subject segmentation and Imagen for image generation
-- **gemini-video-summarization**: a video summarization sample using Gemini Flash
-- **gemini-video-metadata-creation**: a sample using Gemini Flash to generate a video description, hashtags, chapters, etc...
-- **gemini-live-todo**: a todo list app using Gemini Live
-- More to come...
-
-> **Requires Firebase setup** the samples relying on Google Cloud models (Gemini Pro, Gemini Flash, etc...) 
-> require setting up a Firebase project and connecting the app to Firebase (read more [here](https://firebase.google.com/docs/ai-logic/get-started?platform=android&api=dev#set-up-firebase)).   
+💻 Requirements
+------------
+- **Cloud samples**: the samples relying on Google cloud models (Gemini Pro, Gemini Flash, Imagen, etc...) require setting up a Firebase project and connecting the app to Firebase (read more [here](https://firebase.google.com/docs/ai-logic/get-started?platform=android&api=dev#set-up-firebase)).
+- **On-device samples**: the samples relying on Gemini Nano need to be run on a supported device, and can't run on an emulator.
+
+🧬 Samples
+------------
+
+| Project                                                                                                                                                                                                                                                                                                            |                                                                                                                 |
+|:-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|-----------------------------------------------------------------------------------------------------------------|
+| <br>**gemini-image-chat** <br><br> a sample using the new [Gemini 2.5 Flash Image model](https://developers.googleblog.com/en/introducing-gemini-2-5-flash-image/) (a.k.a. "NanoBanana") enabling image generation and iterations via chat interactions <br><br> **[> Browse](samples/gemini-image-chat)**<br><br> | <img src="screenshots/gemini_image_chat.png" width="320" alt="Image chat sample demo">                          |
+|                                                                                                                                                                                                                                                                                                                    |                                                                                                                 |
+| <br>**gemini-chatbot** <br><br> a simple chatbot using Gemini Flash <br><br> **[> Browse](samples/gemini-chatbot)**<br><br>                                                                                                                                                                                        | <img src="screenshots/gemini_chatbot.png" width="320" alt="Gemini chatbot sample demo">                         |
+|                                                                                                                                                                                                                                                                                                                    |
+| <br>**gemini-multimodal** <br><br> a single screen application leveraging text+image to text generation with Gemini Flash <br><br> **[> Browse](samples/gemini-multimodal)**<br><br>                                                                                                                               | <img src="screenshots/gemini_multimodal.png" width="320" alt="Gemini multimodal sample demo">                   |
+|                                                                                                                                                                                                                                                                                                                    |
+| <br>**genai-summarization** <br><br> a text summarization sample using Gemini Nano <br><br> **[> Browse](samples/genai-summarization)**<br><br>                                                                                                                                                                    | <img src="screenshots/nano_summarization.png" width="320" alt="Nano summarization sample demo">                 |
+|                                                                                                                                                                                                                                                                                                                    |
+| <br>**genai-image-description** <br><br> an image description sample using Gemini Nano <br><br> **[> Browse](samples/genai-image-description)**<br><br>                                                                                                                                                            | <img src="screenshots/nano_image_description.png" width="320" alt="Nano image description sample demo">         |
+|                                                                                                                                                                                                                                                                                                                    |
+| <br>**genai-writing-assistance** <br><br> a proofreading and rewriting sample using Gemini Nano <br><br> **[> Browse](samples/genai-writing-assistance)**<br><br>                                                                                                                                                  | <img src="screenshots/nano_rewrite.png" width="320" alt="Nano writing assistance sample demo">                  |
+|                                                                                                                                                                                                                                                                                                                    |
+| <br>**imagen** <br><br> an image generation sample using Imagen <br><br> **[> Browse](samples/imagen)**<br><br>                                                                                                                                                                                                    | <img src="screenshots/imagen_image_generation.png" width="320" alt="Imagen sample demo">                        |
+|                                                                                                                                                                                                                                                                                                                    |
+| <br>**magic-selfie** <br><br> an sample using ML Kit subject segmentation and Imagen for image generation <br><br> **[> Browse](samples/magic-selfie)**<br><br>                                                                                                                                                    | <img src="screenshots/magic_selfie.png" width="320" alt="Magic selfie sample demo">                             |
+|                                                                                                                                                                                                                                                                                                                    |
+| <br>**gemini-video-summarization** <br><br> a video summarization sample using Gemini Flash <br><br> **[> Browse](samples/gemini-video-summarization)**<br><br>                                                                                                                                                    | <img src="screenshots/gemini_video_summarization.png" width="320" alt="Gemini video summarization sample demo"> |
+|                                                                                                                                                                                                                                                                                                                    |
+| <br>**gemini-video-metadata-creation** <br><br> a sample using Gemini Flash to generate a video description, hashtags, chapters, etc... <br><br> **[> Browse](samples/gemini-video-metadata-creation)**<br><br>                                                                                                    | <img src="screenshots/gemini_video_metadata.png" width="320" alt="Gemini video metadata creation sample demo">  |
+|                                                                                                                                                                                                                                                                                                                    |
+| <br>**gemini-live-todo** <br><br> a todo list app using Gemini Live <br><br> **[> Browse](samples/gemini-live-todo)**<br><br>                                                                                                                                                                                      | <img src="screenshots/gemini_live_todo.png" width="320" alt="Gemini live todo sample demo">                     |
+
 
 > 🚧 **Work-in-Progress:** we are working on bringing more samples into the application.