showcase: add Virtuals Playground

showcase/virtuals-playground/README.md

@@ -0,0 +1,29 @@
+# Virtuals Playground — Showcase Submission
+
+**Live URL:** https://virtuals-playground.vercel.app  
+**Builder:** Satyam Singhal  
+
+## What it is
+
+A fully browser-based playground for the Virtuals EconomyOS Compute API. Paste your API key, pick a model, and start testing — no installs, no config files.
+
+## Features
+
+| View | What it does |
+|------|-------------|
+| **Chat** | Interactive chat with any loaded model; code snippets (Python / cURL / JS) generated per session |
+| **Compare** | Send one prompt to two models simultaneously, side-by-side results |
+| **Batch Test** | Fire a single prompt at every available model, ranked results table with latency + token counts |
+| **Models** | Browse all available Virtuals Compute models with metadata |
+
+## Proof
+
+- Live deployment: https://virtuals-playground.vercel.app  
+- Source: https://github.com/Satyam-10124/virtuals_playground
+
+## Stack
+
+- React 18 + TypeScript + Vite  
+- Tailwind CSS  
+- Virtuals EconomyOS Compute API (`https://compute.virtuals.io/v1`)  
+- Deployed on Vercel  

showcase/virtuals-playground/showcase.json

@@ -0,0 +1,52 @@
+{
+  "slug": "virtuals-playground",
+  "title": "Virtuals Playground",
+  "tagline": "Chats with, compares, and batch-tests every Virtuals EconomyOS Compute API model from one browser tab — no setup required",
+  "description": "Virtuals Playground is an open-source developer tool that lets builders interact with every Virtuals EconomyOS Compute API model from a single browser tab. It ships four views: an interactive Chat playground, a side-by-side Model Compare panel, a Batch Test runner that fires a single prompt at all loaded models in parallel, and a Models explorer with metadata. Every chat session auto-generates ready-to-run Python, cURL, and JavaScript code snippets. The UI is fully responsive — desktop and mobile — and requires only a Virtuals API key to start.",
+  "status": "live",
+  "topic": "skills",
+  "topics": ["developer-tools", "playground", "compute", "api-explorer"],
+  "builder": {
+    "name": "Satyam Singhal",
+    "url": "https://github.com/Satyam-10124"
+  },
+  "links": {
+    "repo": "https://github.com/Satyam-10124/virtuals_playground",
+    "demo": "https://virtuals-playground.vercel.app",
+    "share": "https://virtuals-playground.vercel.app",
+    "video": "https://raw.githubusercontent.com/Virtual-Protocol/acp-cli-demos/main/showcase/virtuals-playground/virtuals-playground.mp4",
+    "feedback": "https://github.com/Virtual-Protocol/acp-cli-demos/issues/new?title=Feedback%3A%20Virtuals%20Playground&body=Which%20feedback%20prompt%20fits%3F%0A%0A-%20I%20want%20a%20feature%20added%0A-%20The%20code%20snippets%20are%20useful%0A-%20I%20want%20to%20reuse%20this%20for%20my%20own%20project%0A%0ANotes%3A%0A"
+  },
+  "primitives": ["acp"],
+  "visual": {
+    "kind": "live page",
+    "eyebrow": "browser · virtuals compute api",
+    "title": "chat, compare & batch test models",
+    "posterUrl": "https://raw.githubusercontent.com/Virtual-Protocol/acp-cli-demos/main/showcase/virtuals-playground/poster.png",
+    "videoUrl": "https://raw.githubusercontent.com/Virtual-Protocol/acp-cli-demos/main/showcase/virtuals-playground/virtuals-playground.mp4",
+    "videoLabel": "Watch the demo"
+  },
+  "skills": [],
+  "artifacts": [
+    {
+      "label": "Live playground",
+      "href": "https://virtuals-playground.vercel.app",
+      "kind": "demo"
+    },
+    {
+      "label": "Demo video",
+      "href": "https://raw.githubusercontent.com/Virtual-Protocol/acp-cli-demos/main/showcase/virtuals-playground/virtuals-playground.mp4",
+      "kind": "video"
+    },
+    {
+      "label": "Source code",
+      "href": "https://github.com/Satyam-10124/virtuals_playground",
+      "kind": "proof"
+    }
+  ],
+  "feedbackPrompts": [
+    "Which Virtuals model gave you the most interesting response?",
+    "What feature would make this playground more useful for your workflow?",
+    "Would you embed this in your own docs or onboarding flow?"
+  ]
+}