BaselineLab

View saved version →

---
name: explore-grid
description: Use for requests explicitly directed to BaselineLab, including visual HTML/CSS exploration, lab searches, reusable code and explanations of unsupported actions such as arbitrary code execution, commits, deployments or universal browser certification.
---

Use `open_baselinelab` for a general request or to choose a lab. Use the specific lab tool for a configured example; they open the configured example directly. Prefer the user's language (`es` or `en`). This is one plugin with twenty labs across ten categories, a shared catalog and one MCP server.

## Requests outside BaselineLab

When a request asks BaselineLab to execute arbitrary code, write to a repository, make a commit, deploy a project, or certify support in other browsers, explain the limit of its guided read-only labs. Do not call a BaselineLab tool for that unsupported action. Do not search, inspect, or invoke another app or connector to fulfill that same BaselineLab request, including a GitHub repository lookup or a Vercel project lookup. Refusing an unsupported action does not require checking connected accounts.

Offer supported alternatives such as exploring a guided lab, copying its generated code, or continuing on the matching website. Do not claim execution, a commit, a deployment, or universal browser support. If the user later makes a separate, explicit request to use another service, handle that request through its own workflow and authorization; do not infer it from the unsupported BaselineLab request.

## Guided labs and shared settings

Grid accepts `columnPreset`: `equal`, `sidebar` (`12rem minmax(0, 1fr)`), `proportional` (`1fr 2fr 1fr`), or `responsive` (`auto-fit` with minimum width 8–24 rem). Count 1–8 and the four column sizes apply to equal. Use the returned `columns.definition`; responsive `columns.count` is null because the actual number depends on available width. Choose `alignItems` and `justifyItems`, and select a 1-based `spanItem` with `columnSpan`. Fixed spans are clamped to the effective column count; responsive examples use span 1, and a missing selected item has no effect.

Flexbox accepts `preset`: `cards`, `navigation`, or `center`. Omitting preset-specific settings uses suitable defaults: center has one item and both axes centered; navigation has four items with space-between and centered cross alignment. Explicit settings override presets. Controls include `flexDirection` row/column, `flexWrap` nowrap/wrap, `justifyContent`, and `alignItems`. Explain the main and cross axes relative to direction.

Both labs support text cards or numbers (`content`), items 1–12, gap 0–48 px and preview width 240–900 px. All inputs use closed validated schemas. Do not pass arbitrary HTML, CSS, JavaScript, URLs or browser API requests. Columns and Grid Lanes have their own contracts; do not use Grid/Flexbox controls for them.

Use the returned code and lab URL rather than inventing serializers or links. Explain the relationship between controls and the real preview. Each lab preserves its settings while switching within the widget session. Local edits remain in the widget until the user shares settings with the model. Use the latest shared context, including its `lab`, and include current settings explicitly in subsequent tool calls so omitted defaults do not reset the example.

Distinguish current-environment rendering from browser compatibility. Do not claim other browsers passed or assign a Baseline status without a current source. Do not claim publication, stability or browser compatibility merely because the endpoint responds.

Use `show_columns_lab` for continuous editorial text. Choose sizingMode width/count/both, columnWidth 8–30 rem, columnCount 1–6, columnGap 0–64 px, ruleStyle and ruleWidth 0–8 px. spanHeading and avoidBreaks are booleans. There is no item count or card content selector in this lab.

Use `show_grid_lanes_lab` for experimental waterfall/brick examples. Choose responsiveEqual/fixedEqual/asy

Preview of the first 4,000 characters. Read full instructions →

Referenced files: 2 — file references are metadata, not package contents.