plugin.json

{
  "$schema": "https://agent-plugins.org/schemas/1.0.0/plugin.schema.json",
  "name": "glimmerglass",
  "version": "1.0.0",
  "description": "Make your transparent animation play with real transparency on any website.",
  "author": {
    "name": "The House of Koco",
    "email": "mike@houseofkoco.com",
    "url": "https://glimmerglass.app/"
  },
  "homepage": "https://glimmerglass.app/",
  "keywords": [
    "animation",
    "transparent video",
    "website",
    "framer",
    "alpha"
  ],
  "extensions": {
    "com.openai": {
      "interface": {
        "displayName": "Glimmerglass",
        "shortDescription": "Transparent animation for web",
        "longDescription": "Glimmerglass prepares an animation you already made for the web with transparency, in the two video formats browsers use: HEVC with alpha for Safari and iPhone, and VP9 with alpha for Chrome, Edge and Firefox. The wrong one can play on a black box or with grey edges. Ask why your transparent animation is not working to get an explanation. Bring your own animated WebP, GIF, APNG, MOV, MP4 or WebM with transparency, and Glimmerglass converts it into one .glim file with several sizes, plays it in the chat over the background you choose, and hands you the file, its poster and the code to paste. Play always, on hover or in view, speed, looping, fit and more are saved in the file. You can try the sample animations right away. Converting your own files needs signing in with an existing Glimmerglass license. Glimmerglass does not create animation or remove backgrounds.",
        "developerName": "The House of Koco",
        "category": "Creativity",
        "capabilities": [
          "Explain transparent video on the web",
          "Convert animations to .glim",
          "Preview animations and playback settings",
          "Provide files and embed code"
        ],
        "websiteURL": "https://glimmerglass.app/",
        "supportURL": "https://glimmerglass.app/index.html#support",
        "privacyPolicyURL": "https://glimmerglass.app/privacy.html",
        "termsOfServiceURL": "https://glimmerglass.app/terms.html",
        "defaultPrompt": [
          "Why does my transparent animation show a black box in Safari?",
          "Show me an example of a transparent animation playing.",
          "Get my transparent animation ready for my website."
        ],
        "brandColor": "#2C2C2C",
        "brandColorDark": "#F4F4FA",
        "composerIcon": "./assets/icon.png",
        "logo": "./assets/logo.png"
      },
      "onboardingSkill": "./skills/get-started/SKILL.md",
      "review": {
        "test_cases": {
          "positive": [
            {
              "description": "The question people ask",
              "prompt": "How do I get my transparent animation to work on my website?",
              "tools_triggered": "get_transparent_animation_help",
              "expected_behavior": "Explains which video format each browser needs and what goes wrong otherwise, says what Glimmerglass can do, and offers to convert the user's file."
            },
            {
              "description": "See it working",
              "prompt": "Show me an example of a transparent animation playing.",
              "tools_triggered": "list_animations, show_animation",
              "expected_behavior": "Opens the player with a sample animation playing with real transparency, and its Playback settings beside it. No sign-in is needed."
            },
            {
              "description": "Convert a file",
              "prompt": "Get this transparent animation ready for my website.",
              "tools_triggered": "convert_animation, check_conversion",
              "expected_behavior": "Asks the user to sign in if they have not, converts the attached animated WebP, plays the result in the player, and gives links to the .glim and poster plus the embed code.",
              "file_attachment_urls": [
                "https://glimmerglass.app/assets/review/shapes.webp"
              ]
            },
            {
              "description": "Playback settings on request",
              "prompt": "Show the airship sample so it only plays when I hover over it, on a black background.",
              "tools_triggered": "show_animation",
              "expected_behavior": "Opens the player with Play set to On hover and the black background. The animation plays only while the pointer is over it."
            },
            {
              "description": "File and code",
              "prompt": "Give me the file and embed code for the sword sample at half speed.",
              "tools_triggered": "export_glim",
              "expected_behavior": "Returns a download link for the .glim with speed 0.5 saved in it, its poster, and HTML to paste into a page."
            }
          ],
          "negative": [
            {
              "description": "Removing a background",
              "prompt": "How do I remove the background from a photo of my dog?"
            },
            {
              "description": "Creating animation",
              "prompt": "Make me an animation of a dancing cat."
            },
            {
              "description": "Ordinary video",
              "prompt": "How do I embed a YouTube video on my website?"
            }
          ]
        },
        "demo_recording_url": "https://glimmerglass.app/assets/review/demo.mp4",
        "commerce": false,
        "commerce_description": "This plugin does not sell anything or process payments. Converting requires signing in with an existing Glimmerglass license, purchased outside ChatGPT."
      },
      "publication": {
        "release_notes": "Initial release: answers why transparent animation goes wrong on the web, converts your animation to a .glim, previews it with its Playback settings, and provides the file and embed code."
      },
      "apps": "./.app.json"
    }
  }
}