diff --git a/showcase/virtuals-playground/README.md b/showcase/virtuals-playground/README.md new file mode 100644 index 0000000..e6f5a9d --- /dev/null +++ b/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 diff --git a/showcase/virtuals-playground/poster.png b/showcase/virtuals-playground/poster.png new file mode 100644 index 0000000..bdf636b Binary files /dev/null and b/showcase/virtuals-playground/poster.png differ diff --git a/showcase/virtuals-playground/showcase.json b/showcase/virtuals-playground/showcase.json new file mode 100644 index 0000000..90ca1e1 --- /dev/null +++ b/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?" + ] +} diff --git a/showcase/virtuals-playground/virtuals-playground.mp4 b/showcase/virtuals-playground/virtuals-playground.mp4 new file mode 100644 index 0000000..a3a3338 Binary files /dev/null and b/showcase/virtuals-playground/virtuals-playground.mp4 differ