plugin.json

{
  "$schema": "https://agent-plugins.org/schemas/1.0.0/plugin.schema.json",
  "name": "baselinelab-grid",
  "version": "0.8.0",
  "description": "Interactive HTML and CSS labs across ten categories, with twenty guided labs, reusable code and matching BaselineLab links.",
  "author": {
    "name": "Sergio Jim\u00e9nez Rubio"
  },
  "extensions": {
    "com.openai": {
      "interface": {
        "displayName": "BaselineLab",
        "shortDescription": "Explore HTML and CSS",
        "longDescription": "HTML and CSS playground with twenty labs: Grid, Flexbox, Columns, Grid Lanes, border, border-radius, color-mix, box-shadow, datalist, details, Popover, text-box, text-wrap, filter, backdrop-filter, background-image, light-dark(), contrast-color(), transform 2D and dialog. Search by name or purpose, filter by category, adjust native controls, inspect reusable code and continue with the same settings on BaselineLab. Local changes are shared with the model only when requested. Features show current-environment support notices and identify fallbacks; rendering does not establish support in other browsers. Black/white color selection does not certify accessibility.",
        "developerName": "Sergio Jim\u00e9nez Rubio",
        "category": "Developer Tools",
        "capabilities": [
          "Twenty interactive HTML and CSS labs",
          "Search and category filters",
          "Reusable code and matching website links"
        ],
        "logo": "./assets/logo.png",
        "composerIcon": "./assets/logo.png",
        "defaultPrompt": "Show a Grid example with three columns and explain how minmax changes the layout.",
        "logoDark": "./assets/logo.png",
        "composerIconDark": "./assets/logo.png",
        "websiteURL": "https://baselinelab.dev/chatgpt/",
        "supportURL": "https://baselinelab.dev/aviso-legal/#soporte",
        "privacyPolicyURL": "https://baselinelab.dev/privacidad/",
        "termsOfServiceURL": "https://baselinelab.dev/aviso-legal/"
      },
      "review": {
        "demo_recording_url": "https://www.youtube.com/watch?v=EQ-xeGnaq_Y",
        "commerce": false,
        "commerce_description": "The plugin is free, with no purchases, checkout, paid features or subscriptions. The BaselineLab website links to Buy Me a Coffee for optional voluntary support outside the plugin; contributions do not unlock features.",
        "test_cases": {
          "positive": [
            {
              "description": "Catalog discovery in Spanish. No account or test fixtures are required. After opening, the reviewer filters Elementos and searches acorde\u00f3n: Details remains as the single result. Clearing filters restores 20 labs across ten categories. Grid Lanes carries an experimental notice.",
              "prompt": "Abre BaselineLab para explorar los labs de HTML y CSS disponibles.",
              "tools_triggered": "open_baselinelab",
              "expected_behavior": "Call open_baselinelab with lang es. Return the catalog UI and structuredContent view catalog containing the twenty lab IDs. Search and category filtering run locally; do not claim that navigation sends new lab settings to the model."
            },
            {
              "description": "Configured Grid and website continuity. The reviewer checks three columns, nine numbered items, a 24 px gap and a 640 px preview. Follow the returned link and verify the public lab retains the configured grid and item count.",
              "prompt": "Mu\u00e9strame un Grid con 3 columnas iguales de minmax(0, 1fr), 9 elementos numerados, separaci\u00f3n de 24 px y preview de 640 px.",
              "tools_triggered": "show_grid_lab",
              "expected_behavior": "Call show_grid_lab with lang es, columnPreset equal, columnCount 3, columnSize minmax(0, 1fr), content numbers, itemCount 9, gap 24 and previewWidth 640. The returned columns.definition is repeat(3, minmax(0, 1fr)); code and labUrl agree with the effective configuration. Explain previewWidth as UI width, not a generated CSS container width."
            },
            {
              "description": "Guided filters, image resources and manual context. Open filter and backdrop-filter in sequence. The reviewer changes a control locally, checks pending context, shares it manually, and follows each matching website URL. Images must be predefined first-party samples.",
              "prompt": "En BaselineLab, mu\u00e9strame primero un filtro de escala de grises al 100% sin blur y despu\u00e9s un panel con backdrop-filter blur de 18 px, con opacidad del panel de 28%. Usa la escena de colores en ambos.",
              "tools_triggered": "show_filter_lab, show_backdrop_filter_lab",
              "expected_behavior": "Call show_filter_lab with lang es, sample scene, blurEnabled false, grayscaleEnabled true and grayscale 100; then show_backdrop_filter_lab with lang es, sample scene, blur 18 and panelOpacity 28. Shared code and URLs use only the predefined scene. Edits remain local until manual context sharing succeeds. Native application and lack of support are reported separately; neither result proves other browsers."
            },
            {
              "description": "Background and colors in English. The reviewer checks the selected image, two color schemes and the support/fallback label. Copied code and matching URLs must preserve each effective setting.",
              "prompt": "In BaselineLab show the scene as a cover background at top left without repetition. Then compare light-dark colors #fff5e6 and #182449 with both schemes allowed, and try contrast-color on #660066. Explain its accessibility limits.",
              "tools_triggered": "show_background_image_lab, show_light_dark_lab, show_contrast_color_lab",
              "expected_behavior": "Call show_background_image_lab with lang en, sample scene, size cover, position top left and repeat no-repeat; show_light_dark_lab with scheme light dark and the requested hex colors; show_contrast_color_lab with backgroundColor #660066. Images are excluded from the light-dark adapter. If contrast-color is unsupported, identify the preview-only sRGB fallback and native CSS requirement. Do not guarantee sufficient contrast or accessibility."
            },
            {
              "description": "2D function order and modal focus. Check that dialog exports HTML only. Open the dialog, test Escape with closedBy none, close explicitly and check focus restoration. Switch to Grid and back: the dialog settings remain, the previous dialog element is removed and the returning modal is closed. Reopen it to confirm it still works. Repeat any and closerequest where supported. Cleanup of an open modal on configuration changes is also covered by the local host harness; the modal makes its own widget controls inert while open.",
              "prompt": "En BaselineLab compara una transformaci\u00f3n 2D que rote 24 grados antes de trasladar 26 px en X y 8 px en Y, con escala 1 y origen arriba a la izquierda. Despu\u00e9s abre un dialog que solo se cierre con su bot\u00f3n, titulado Confirmar cambios.",
              "tools_triggered": "show_transform_lab, show_dialog_lab",
              "expected_behavior": "Call show_transform_lab with lang es, order rotate-translate-scale-skew, rotateZ 24, translateX 26, translateY 8, scaleX 1, scaleY 1, originMode keywords, originKeywordX left and originKeywordY top. Call show_dialog_lab with closedBy none and title Confirmar cambios. No 3D settings or generated JS execution. Modal, invokers and closedby support are separate; fixed event fallback is labeled. The close button receives focus and restores the opener; navigation removes the overlay."
            }
          ],
          "negative": [
            {
              "description": "Arbitrary HTML and script execution are outside the closed lab contracts. Explain the limitation and offer a guided lab. Do not invoke any BaselineLab tool with HTML or JavaScript payloads, claim script execution, or use another tool to fulfill this plugin request.",
              "prompt": "Ejecuta este JavaScript dentro de BaselineLab y mu\u00e9strame su resultado: document.body.innerHTML = '<h1>Hola</h1>'."
            },
            {
              "description": "Deployment and repository writes are outside the plugin. Explain that generated code can be copied and integrated by the user. Do not call a BaselineLab tool or claim a deployment, commit or repository modification.",
              "prompt": "Publica directamente mi proyecto en Vercel desde BaselineLab y haz un commit en mi repositorio."
            },
            {
              "description": "Multi-browser certification is outside the plugin. Explain that a preview only checks its current environment and that compatibility requires current sources or separate browser tests. Do not call BaselineLab tools to certify other engines, fabricate test evidence or claim universal support.",
              "prompt": "Usa BaselineLab para certificar que Grid Lanes funciona en todos los navegadores y versiones, sin hacer pruebas adicionales."
            }
          ]
        }
      },
      "publication": {
        "countries": [],
        "release_notes": "Adds seven guided labs to reach twenty: filter, backdrop-filter, background-image, light-dark(), contrast-color(), transform 2D and dialog. Updates listing, app and skill assets to the existing full-color BL logo and the product link to /chatgpt/. Preserves the thirteen published contracts, MCP endpoint, UI URI and sidebar MCP icons. Native support and fallback notices remain separate from browser compatibility.",
        "translations": {
          "es-ES": {
            "subtitle": "Explora HTML y CSS",
            "description": "Aprende HTML y CSS con veinte labs interactivos: Grid, Flexbox, Columns, Grid Lanes, border, border-radius, color-mix(), box-shadow, datalist, details, Popover, text-box, text-wrap, filter, backdrop-filter, background-image, light-dark(), contrast-color(), transform 2D y dialog. Busca por nombre o por lo que quieres probar, filtra por categor\u00eda, ajusta controles nativos, copia c\u00f3digo reutilizable y contin\u00faa con los mismos ajustes en BaselineLab. Comparte los cambios con el modelo cuando quieras una explicaci\u00f3n. La preview distingue soporte nativo y fallbacks; no certifica compatibilidad en otros navegadores ni accesibilidad al elegir negro o blanco."
          }
        }
      },
      "apps": "./.app.json"
    }
  }
}