npx skills add ...
npx skills add google/skills --skill cloud-monitoring-chart-generation
Generates Google Cloud Monitoring Server-Driven UI (SDUI) Widget and XyChart Protocol Buffer textprotos from resolved PromQL or ListTimeSeries queries. Use when: - Generating valid google.monitoring.dashboard.v1.Widget textprotos, containing PrometheusQuery or TimeSeriesFilter datasets, for use with the Cloud Monitoring Dashboards API, gcloud CLI, or declarative dashboard definitions. - Synthesizing Server-Driven UI (SDUI) widget titles, axis labels, and plot types for Prometheus or ListTimeSeries queries. Don't use for: - Metric discovery or PromQL query generation. For those tasks, use the cloud-monitoring-metric-selection or cloud-monitoring-promql-query skills.
npx skills add google/skills --skill cloud-monitoring-chart-generation
cloud-monitoring-chart-generation)Transforms PromQL or ListTimeSeries JSON request payloads and metric metadata
into valid Server-Driven UI (SDUI) google.monitoring.dashboard.v1.Widget
Protocol Buffer textprotos. These generated textprotos are designed to be
ingested by the Cloud Monitoring Dashboards API, gcloud CLI, or declarative
dashboard provisioning pipelines.
[!IMPORTANT] Preferred API & Mutually Exclusive Queries:
- API Preference: Always prefer generating
ListTimeSeries(time_series_filter) configurations for widgets over PromQL, unless the user explicitly requested PromQL or the metric math strictly requires it.- Mutually Exclusive: A widget dataset
time_series_querymust contain EITHER atime_series_filterOR aprometheus_query. You must never populate both fields in the same dataset simultaneously.- Strict Passthrough: You MUST copy the provided PromQL query or ListTimeSeries JSON exact filter string character-for-character. DO NOT invent, rewrite, or modify the queries under any circumstances.
[!CAUTION] CRITICAL EXECUTION & WORKING DIRECTORY RULES:
- DO NOT CHANGE WORKING DIRECTORY: Keep your working directory at your workspace root. Do NOT
cdinto skill subdirectories.- NO DISCOVERY OR SEARCH RULE: The metric descriptor, PromQL query, ListTimeSeries JSON payload, unit, and resource type are ALWAYS present in the conversation context. NEVER run file or codebase search tools, like grep, find, directory listings, or codebase queries, to discover metric metadata or inspect repository structures.
- SCRIPT EXECUTION: Execute the bundled Python scripts directly using python3.
- OUTPUT GENERATION: The
assemble_widget_protoscript automatically generates a unique UUID-based filename to prevent parallel execution collisions. It will print the generated filename to standard error strongly prefixed with "Wrote widget textproto to:". You MUST parse this exact prefix from the logs to extract the generated path and use it for validation in Stage 4.
Install the required dependencies in your environment or sandbox:
Run Stage 1 using python3:
Review the user prompt, PromQL or LTS query structure, and Stage 1 baseline
candidates to formulate a 4-key SemanticPlotSpec JSON object:
title: Polish titleCandidate to ensure it is concise, human-readable,
and under 80 characters.yAxisLabel: Set this to a concise, human-readable quantitative
descriptor or metric concept, like "Utilization", "Bytes", or "Bytes Rate". Do NOT append unit symbols or suffixes like "(%)", "(/s)", or
"(By)" to the label, because units are rendered automatically via
unitOverride.plotType: Default to LINE. Use STACKED_AREA if requested by the
user or for distribution queries.unitOverride: Set this to the Unified Code for Units of Measure (UCUM)
unit string, derived by applying the corresponding rules below:unitOverrideCandidate produced by Stage 1. Stage 1 mathematically
processes ALIGN_RATE, for example producing By/s, forces % for
ALIGN_PERCENT_CHANGE, and correctly outputs native normalizations
unconditionally.Because PromQL expressions can geometrically compose, for example
histogram_quantile(..., rate(...)), rely on your own semantic reasoning to
govern the final unit:
Rate Functions (rate(...), irate(...)): Convert cumulative counters
into per-second rates. Append /s to the raw metric unit. For example, a
raw metric unit of By with rate(...) results in unitOverride: "By/s".
rate() is evaluated inside a histogram_quantile(),
the output is the raw bucket unit like "s", not a rate.Ratios & Percentages (100 * (A / B)): Ratios of identical metric units
typically represent percentages, resulting in unitOverride: "%".
Normalizations: Normalize 10^2.% to "%".
Preserved Units: For simple aggregation functions like
avg_over_time(...) or sum by (...), retain and output the underlying
metric unit without modification.
Legend Template: Do NOT configure the legend_template field. It is
intentionally omitted so that the Cloud Monitoring frontend dynamically
renders its multi-column table legend at runtime.
Example SemanticPlotSpec:
Run Stage 3 using python3 to generate and save the widget textproto. Use
--promql_query for PromQL, or --lts_request_json for ListTimeSeries:
[!IMPORTANT] MANDATORY FILE OUTPUT CONTRACT: Do not attempt to guess or enforce the output filename. The script will automatically generate a guaranteed-unique filename and print it to standard error. Search stderr for the explicit prefix "Wrote widget textproto to:" to deterministically capture this filename, and then target it in Stage 4 validation.
```textproto code block in your response:[!CAUTION] DO NOT FINISH YOUR TURN UNTIL FILE VERIFICATION PASSES: 1. Validate Artifact: Execute the validator script against the generated file output from Stage 3:
CRITICAL: If you generated multiple charts for multiple metrics, you MUST run this validation script independently for EACH file generated to ensure every chart is correct!
If compute_labels.py, assemble_widget_proto.py, or validate_chart.py
cannot be executed due to environment or sandbox restrictions, do the
following:
{
"title": "VM CPU Utilization us-central1-a",
"yAxisLabel": "Utilization",
"plotType": "LINE",
"unitOverride": "%"
}# For PromQL:
python3 scripts/assemble_widget_proto.py \
--promql_query 'PROMQL_QUERY' \
--spec_json 'SEMANTIC_PLOT_SPEC_JSON'
# For ListTimeSeries:
python3 scripts/assemble_widget_proto.py \
--lts_request_json '{"filter": "...", "aggregation": {...}}' \
--spec_json 'SEMANTIC_PLOT_SPEC_JSON'title: "..."
xy_chart {
...
}