plugin.json

{
  "$schema": "https://agent-plugins.org/schemas/1.0.0/plugin.schema.json",
  "name": "favicon-generator",
  "version": "1.0.0",
  "description": "Create a complete favicon set (SVG that adapts to dark mode, ICO, apple-touch-icon, Android icons and web manifest) from initials, an emoji or your own image, with an interactive preview in the conversation.",
  "author": {
    "name": "Ciro Cesar Maciel",
    "url": "https://ciromaciel.click"
  },
  "homepage": "https://ciromaciel.click/tools/generate-favicon",
  "keywords": [
    "favicon",
    "favicon generator",
    "svg favicon",
    "dark mode favicon",
    "apple touch icon",
    "web manifest",
    "png to ico"
  ],
  "extensions": {
    "com.openai": {
      "interface": {
        "displayName": "Favicon Generator",
        "shortDescription": "Create a favicon for any site",
        "longDescription": "Create the favicon of a website or web app without leaving the conversation.\n\nThe editor opens in the chat. Describe what you want (your initials, an emoji or your logo) and preview the favicon on a light and a dark browser tab, at the real 16, 32 and 48 pixels, with warnings when strokes will blur or contrast is too low. Open it fullscreen to change everything: any of the 1,966 Google Fonts, weight, size, shape (square, rounded, circle, outline or none), colors, and whether the SVG swaps colors in dark mode.\n\nFor a logo or other picture, the editor opens in image mode and you choose the file there. The image stays on your device: it is not uploaded to our servers or sent to the assistant.\n\nDownload one ZIP with favicon.svg, favicon.ico (16, 32 and 48 px), apple-touch-icon.png, icon-192.png, icon-512.png and site.webmanifest, plus the steps to install them in HTML, Next.js, Vite, Astro or Nuxt. Letters are converted to vector outlines, so the icon looks the same on every machine. No account is needed.\n\nLimitations: text mode takes 1 to 3 Latin characters (accents, digits and & @ # + . - !); emoji mode uses the Twemoji set; images must be SVG, PNG, JPG or WebP up to 5 MB, and a picture in pixels produces no SVG.",
        "developerName": "Ciro Cesar Maciel",
        "category": "Developer Tools",
        "capabilities": [
          "Create favicons from initials, emoji or an image",
          "Preview on light and dark browser tabs",
          "Download the complete favicon package",
          "Install steps for HTML, Next.js, Vite, Astro and Nuxt"
        ],
        "websiteURL": "https://ciromaciel.click/tools/generate-favicon",
        "supportURL": "https://ciromaciel.click/tools/generate-favicon#suporte",
        "privacyPolicyURL": "https://ciromaciel.click/legal/privacy",
        "termsOfServiceURL": "https://ciromaciel.click/legal/terms",
        "defaultPrompt": [
          "Create a favicon with my initials CM",
          "Make a round favicon from the \ud83e\udd8a emoji",
          "Turn my logo into a favicon for my Next.js site"
        ],
        "brandColor": "#555555",
        "composerIcon": "./assets/composer.png",
        "logo": "./assets/logo.png"
      },
      "review": {
        "test_cases": {
          "positive": [
            {
              "description": "Favicon from initials, shown in the editor",
              "prompt": "Create a favicon with my initials CM",
              "tools_triggered": "open_favicon_editor",
              "expected_behavior": "The full favicon editor shows \"CM\" in white on a black square on light and dark browser tabs, with all controls, package list, Baixar pacote and Onde colocar. Download returns a ZIP with favicon.svg, favicon.ico, apple-touch-icon.png, icon-192.png, icon-512.png, site.webmanifest and LEIA-ME.txt."
            },
            {
              "description": "Favicon from an emoji, round",
              "prompt": "Make a round favicon from the \ud83e\udd8a emoji",
              "tools_triggered": "open_favicon_editor",
              "expected_behavior": "The full editor shows the Twemoji fox inside a circle on the light and dark tabs; the model mentions that Twemoji graphics need a CC-BY credit only if it gives the files."
            },
            {
              "description": "Adjust the full editor and use the result",
              "prompt": "Create a favicon with the letters AB in Inter, then let me adjust it",
              "tools_triggered": "open_favicon_editor",
              "expected_behavior": "The editor opens with \"AB\" in Inter and every control (mode, initials, font, weight, size, shape, colors, dark mode), pixel previews, package list and install steps per framework. Changing the initials updates the preview immediately; \"Usar no projeto\" posts a message asking for the files with the adjusted options."
            },
            {
              "description": "Logo favicon for a Next.js site opens the editor first, in image mode.",
              "prompt": "Turn my logo into a favicon for my Next.js site",
              "tools_triggered": "open_favicon_editor",
              "expected_behavior": "The full editor opens immediately in image mode with Next.js selected and a file picker; the model does not ask for or process the image in the chat. The reviewer clicks the picker and chooses any PNG, SVG, JPG or WebP from their own device (for example, a sample saved beforehand from https://manager.ciromaciel.click/generate-favicon/icon.png?px=512&text=OK&shape=circle&background=2357c6). The image is read only inside the editor: it then shows on the light and dark tabs and at 16, 32 and 48 px, and the package list and the Next.js paths (app/ and public/) appear. \"Baixar pacote\" builds the ZIP in the editor; where the host does not allow downloads from the editor, the editor says so and points to the website, because the picture never leaves the device. Images attached to the chat message are not read by the plugin."
            },
            {
              "description": "Files and install steps for a project",
              "prompt": "Give me the favicon files and the install steps for my Vite project, with the initials RL on a rounded square",
              "tools_triggered": "generate_favicon",
              "expected_behavior": "The answer includes the favicon.svg markup, the download addresses of favicon.ico, apple-touch-icon.png, icon-192.png and icon-512.png, the site.webmanifest content, the <link> tags and the steps: copy the files to public/ and replace the vite.svg line in index.html."
            }
          ],
          "negative": [
            {
              "description": "Not a favicon: a full logo or illustration The assistant should explain the limitation without calling either favicon tool or claiming the unsupported action was performed.",
              "prompt": "Design a detailed logo for my bakery with a croissant and the name in script"
            },
            {
              "description": "Characters the fonts do not have The assistant should explain the limitation without calling either favicon tool or claiming the unsupported action was performed.",
              "prompt": "Make a favicon with the Japanese characters \u65e5\u672c"
            },
            {
              "description": "Writing files outside the conversation The assistant should explain the limitation without calling either favicon tool or claiming the unsupported action was performed.",
              "prompt": "Upload the favicon to my website's server and replace the current one"
            }
          ]
        },
        "demo_recording_url": "https://www.youtube.com/watch?v=WlNocMT0AFg",
        "commerce": false,
        "commerce_description": "This plugin does not sell products or process payments."
      },
      "publication": {
        "countries": [],
        "release_notes": "Initial release of Favicon Generator as a separate plugin by Ciro Cesar Maciel. Create, preview and download favicons from initials, emoji or a local image, with installation steps for popular web frameworks.",
        "translations": {
          "pt-BR": {
            "subtitle": "Crie o favicon do seu site",
            "description": "Crie o favicon do seu site ou app sem sair da conversa.\n\nO editor abre no chat. Diga o que voc\u00ea quer (suas iniciais, um emoji ou o seu logo) e veja o favicon na aba clara e na aba escura do navegador, nos 16, 32 e 48 pixels de verdade, com avisos quando o tra\u00e7o vai borrar ou o contraste \u00e9 baixo. Em tela cheia, voc\u00ea muda tudo: qualquer uma das 1.966 fontes do Google, peso, tamanho, forma (quadrado, arredondado, c\u00edrculo, contorno ou sem fundo), cores e se o SVG troca de cor no modo escuro.\n\nPara logo ou outra imagem, o editor abre em modo imagem e voc\u00ea escolhe o arquivo nele. A imagem fica no seu aparelho: n\u00e3o vai para os nossos servidores nem para o assistente.\n\nBaixe um ZIP com favicon.svg, favicon.ico (16, 32 e 48 px), apple-touch-icon.png, icon-192.png, icon-512.png e site.webmanifest, e veja onde colocar cada arquivo em HTML, Next.js, Vite, Astro ou Nuxt. As letras viram contorno vetorial: o \u00edcone fica igual em qualquer m\u00e1quina. N\u00e3o precisa de conta.\n\nLimites: o modo letras aceita de 1 a 3 caracteres latinos (acentos, n\u00fameros e & @ # + . - !); o modo emoji usa o conjunto Twemoji; imagens em SVG, PNG, JPG ou WebP at\u00e9 5 MB, e uma imagem em pixels n\u00e3o gera SVG."
          }
        }
      },
      "apps": "./.app.json"
    }
  }
}