Skill: wangyang-youloft/virtual-try-on (version 1.0.0)

# Skills.md ## Skill Name virtual-try-on --- ## Description **Virtual Try-On** — Transform clothing images into professional e-commerce product photos with AI models wearing the garments. Upload up to 4 clothing/garment images and receive a high-quality product photo ready for online retail platforms. It leverages the **Pixify** engine to process your inputs through: - **Garment Analysis** (image_to_text_gpt5) - **Model Try-On Generation** (nano_banana_pro) --- ## Service Overview - 🌐 **Product Website / Console**: https://ai.ngmob.com *(For product access, workflow management, and obtaining your API Key)* - 🔗 **API Base URL**: https://api.ngmob.com *(Used strictly for API requests and workflow execution)* --- ## Use Cases - **Fashion E-Commerce**: Generate product photos for online clothing stores - **Design Visualization**: See how designs look on models before production - **Catalog Creation**: Quickly create professional product catalogs - **Multi-Variant Display**: Generate product photo variations - **Retail Preparation**: Prepare images for marketplace listings --- ## Inputs | Name | Type | Required | Description | |------|------|----------|-------------| | Clothing Image 1 | string (URL) | ✅ | **Top/Shirt** — Clothing item image (shirt, blouse, jacket, etc.) | | Clothing Image 2 | string (URL) | ❌ | **Bottom/Pants** — Clothing item image (pants, skirt, shorts, etc.) | | Clothing Image 3 | string (URL) | ❌ | **Accessories/Shoes** — Accessory or footwear image (shoes, bag, hat, etc.) | | Clothing Image 4 | string (URL) | ❌ | **Additional Item** — Additional clothing or accessory image (optional) | ⚠️ **Important: Clothing Component Types** - **Image 1** (Required): Top/shirt/jacket or any upper body garment - **Image 2** (Optional): Bottom/pants/skirt or any lower body garment - **Image 3** (Optional): Accessories/shoes or footwear - **Image 4** (Optional): Additional clothing items or accessories - Upload order doesn't matter - workflow automatically identifies and combines components --- ## How to Use When the user requests to execute this workflow, follow these steps: ### 1. Collect Input Parameters Gather the required inputs from the user: - At least 1 clothing/garment image (required) - Up to 3 additional clothing images (optional) ### 2. Call the Workflow API ```bash curl -X POST https://api.ngmob.com/api/v1/workflows/2IIk3Z6NKuPZP7moonEI/run \ -H "Authorization: Bearer $API_KEY" \ -H "Content-Type: application/json" \ -d '{ "inputs": { "Clothing Image 1": "https://example.com/shirt.png", "Clothing Image 2": "https://example.com/pants.png", "Clothing Image 3": "https://example.com/jacket.png", "Clothing Image 4": "https://example.com/accessories.png" } }' ``` ### 3. Poll Task Status (Recommended: every 3–5 seconds) Use the returned `task_id` to query task status: ```bash curl https://api.ngmob.com/api/v1/workflows/executions/{task_id} \ -H "Authorization: Bearer $API_KEY" ``` --- ## Preview ### Input Clothing Images | Clothing 1 | Clothing 2 | Clothing 3 | Clothing 4 | | :---: | :---: | :---: | :---: | | ![Clothing 1](https://cdn.miraskill.cc/__skill_publish_files__/wangyang/02142137104-e1.jpg) | ![Clothing 2](https://cdn.miraskill.cc/__skill_publish_files__/wangyang/01934038406-e1.jpg) | ![Clothing 3](https://cdn.miraskill.cc/__skill_publish_files__/wangyang/02727003800-e1.jpg) | ![Clothing 4](https://cdn.miraskill.cc/__skill_publish_files__/wangyang/13380710850-ult22.jpg) | ### Generated E-Commerce Product Photos | Product Photo 1 | Product Photo 2 | Product Photo 3 | | :---: | :---: | :---: | | ![Result 1](https://cdn.miraskill.cc/__skill_publish_files__/wangyang/generated-4shwPo6Y3d0MXb4oAa1Y-0.png) | ![Result 2](https://cdn.miraskill.cc/__skill_publish_files__/wangyang/generated-R92f94f6a740RKspjmSA-0.png) | ![Result 3](https://cdn.miraskill.cc/__skill_publish_files__/wangyang/generated-SlODH8L5NhfnGS7Ls6Y9-0.png) | --- ### Example (Recommended) ```json { "Clothing Image 1": "https://example.com/shirt.png", "Clothing Image 2": "https://example.com/pants.png", "Clothing Image 3": "https://example.com/jacket.png", "Clothing Image 4": "https://example.com/accessories.png" } ``` **What happens:** 1. The workflow analyzes each clothing image's design and characteristics 2. AI models are dressed with your garments 3. A professional e-commerce product photo is generated 4. You receive an image ready for online retail platforms --- 🤖 Generated with [Pixify](https://ai.ngmob.com)

path: examples/response.json
content: {
  "task_id": "task_2IIk3Z6NKuPZP7moonEI_12345",
  "status": "completed",
  "created_at": "2026-04-01T10:30:00Z",
  "completed_at": "2026-04-01T10:45:30Z",
  "inputs": {
    "Clothing Image 1": "https://example.com/shirt.png",
    "Clothing Image 2": "https://example.com/pants.png",
    "Clothing Image 3": "https://example.com/jacket.png",
    "Clothing Image 4": "https://example.com/accessories.png"
  },
  "outputs": [
    {
      "name": "result",
      "url": "https://cdn.miraskill.cc/__skill_publish_files__/wangyang/product_result_compressed.png",
      "description": "Generated e-commerce product photo"
    }
  ],
  "processing_time_ms": 930000,
  "model_info": {
    "style_analyzer": "image_to_text_gpt5",
    "generator": "nano_banana_pro"
  }
}


path: manifest.json
content: {
  "name": "virtual-try-on",
  "display_name": "Virtual Try-On",
  "description": "Transform clothing images into e-commerce product photos with AI models wearing the garments",
  "version": "1.0.0",
  "author": "your-name",
  "type": "api",
  "category": "image-generation",
  "endpoint": "https://api.ngmob.com/api/v1/workflows/2IIk3Z6NKuPZP7moonEI/run",
  "method": "POST",
  "headers": {
    "Content-Type": "application/json",
    "Authorization": "Bearer {{API_KEY}}"
  },
  "request_body": {
    "inputs": {
      "Clothing Image 1": "{{clothing_1}}",
      "Clothing Image 2": "{{clothing_2}}",
      "Clothing Image 3": "{{clothing_3}}",
      "Clothing Image 4": "{{clothing_4}}"
    }
  },
  "inputs": [
    {
      "name": "clothing_1",
      "type": "string",
      "required": true,
      "description": "Publicly accessible clothing image URL (1st garment)"
    },
    {
      "name": "clothing_2",
      "type": "string",
      "required": false,
      "description": "Publicly accessible clothing image URL (2nd garment)"
    },
    {
      "name": "clothing_3",
      "type": "string",
      "required": false,
      "description": "Publicly accessible clothing image URL (3rd garment)"
    },
    {
      "name": "clothing_4",
      "type": "string",
      "required": false,
      "description": "Publicly accessible clothing image URL (4th garment)"
    }
  ],
  "outputs": [
    {
      "name": "result",
      "type": "string",
      "description": "Generated e-commerce product photo URL"
    }
  ],
  "polling": {
    "enabled": true,
    "url": "https://api.ngmob.com/api/v1/workflows/executions/{{task_id}}",
    "method": "GET",
    "headers": {
      "Authorization": "Bearer {{API_KEY}}"
    },
    "result_path": "outputs[0].url"
  }
}


path: README.md
content: # Virtual Try-On

**Virtual Try-On** transforms clothing images into professional e-commerce product photos with AI models wearing the garments. Upload up to 4 clothing images and receive a high-quality product photo ready for e-commerce platforms.

---

## ✨ Features

- **Multi-Garment Processing**: Upload up to 4 clothing images simultaneously
- **AI Model Integration**: Automatically generates product photos with realistic model presentations
- **E-Commerce Ready**: Produces professional-quality images optimized for online retail
- **Flexible Input Order**: Image upload order doesn't matter
- **Batch Generation**: Get a professional product photo from your inputs
- **Async Execution**: Robust asynchronous API handling for complex AI generation tasks

---

## 🚀 How It Works

1. **Prepare Clothing Images**:
   - Upload 1-4 clothing/garment images
   - Images should be clear product photos or design mockups
   - Order of upload doesn't matter

2. **Submit to Workflow**:
   - Send images to the Virtual Try-On API
   - Workflow processes all inputs simultaneously

3. **Get Results**: Receive a professional e-commerce product photo with AI models wearing your garments

---

## 🧪 Example

### Input
```json
{
  "clothing_1": "https://example.com/shirt-design.png",
  "clothing_2": "https://example.com/pants-design.png",
  "clothing_3": "https://example.com/jacket-design.png",
  "clothing_4": "https://example.com/accessories.png"
}
```

**What happens:**
- The workflow analyzes each clothing image
- AI models are dressed with your garments
- A professional product photo is generated
- You receive an e-commerce ready image

---

## 💡 Use Cases

- **Fashion E-Commerce**: Generate product photos for online clothing stores
- **Design Visualization**: See how designs look on models before production
- **Catalog Creation**: Quickly create professional product catalogs
- **Multi-Variant Display**: Generate product photo variations
- **Retail Preparation**: Prepare images for marketplace listings (Amazon, Shopify, etc.)

---

🤖 Generated with [Pixify](https://ai.ngmob.com)


path: _meta.json
content: ownerId: kn75hncb8ksb87ngcky54xtyqd81g1an
slug: virtual-try-on
version: 1.0.0
publishedAt: 1774957879178

Security scan verdicts — ClawScan: clean | static analysis: clean | VirusTotal: clean | SkillSpector: suspicious (MEDIUM)