Skip to content
Get packs

Virtual Try-On Agent

Builds a Google Cloud virtual try-on app with image and Veo video try-ons, plus local testing

Source Download skill
Repository
google/adk-recipes
Stars
10,568
Licence
Apache-2.0
Files
15 files

What it does

This skill teaches an AI agent to set up and build a virtual try-on application, where shoppers upload a photo and see clothing products rendered on them as still images or short catwalk-style videos. It walks the user through a setup interview, prepares Google Cloud resources, and can run a local sandbox or export a containerized web app for Cloud Run deployment.

Great for

  • Retail developers prototyping a virtual try-on demo on Google Cloud
  • Teams that want a starting codebase for a Cloud Run try-on web app with a GCS-hosted product catalog

Skip it if

  • Anyone wanting a ready-made consumer shopping app without cloud setup, since it needs a Google Cloud project and billing to run image and video generation
  • Production use without review: the skill runs setup scripts, creates cloud buckets and enables APIs, and the exported Cloud Run deploy script makes the service publicly accessible (--allow-unauthenticated)

Try asking

  • “Set up a local virtual try-on sandbox using the bundled demo catalog”
  • “Export a standalone web app and sync my product catalog to a Google Cloud Storage bucket”
  • “Deploy the exported try-on app to Cloud Run in my GCP project”
  • “Add Veo catwalk video try-ons alongside still image try-ons”
Step-by-step guide: how to use Virtual Try-On AgentInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

    The ZIP contains the 15 original files, the Apache-2.0 licence and an attribution note.

    virtual-tryon.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip virtual-tryon.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip virtual-tryon.zip -d .claude/skills/

    Claude apps (web/desktop): Settings → Capabilities → Skills → Upload skill, and choose the ZIP.

  3. 3

    Ask for the task

    No special command needed — the agent reads the skill's description and loads it when your request matches. Try one of the prompts above.

Get better results

  • Start with the demo catalog and image-only mode to keep costs and setup time low before enabling Veo video
  • Review the generated design-spec.md and deploy script before running gcloud deploy, especially the unauthenticated access setting
  • Use a dedicated GCP project so created buckets and APIs are easy to audit and remove

What's inside

  • assets/catalog_images/catalog.json
  • assets/design-spec.md
  • assets/export-template/cloudbuild.yaml
  • assets/export-template/deploy_cloudrun.sh
  • assets/ui/app.js
  • assets/ui/index.html
  • assets/ui/styles.css
  • EVAL.yaml
  • pyproject.toml
  • README.md
  • references/tryon-architecture.md
  • scripts/__init__.py
  • scripts/_setup_utils.py
  • scripts/bootstrap.sh
  • SKILL.md

Redistributed unmodified from google/adk-recipes under the Apache-2.0 licence. The assessment was drafted with AI from the skill's files on 2026-10-29. Skills can instruct your agent to run code — read SKILL.md and any scripts before installing.