:::warning AUTO-GENERATED — do not edit This page is generated from the MCP server snapshot content/guide-mcp.json. Edit the source MCP server (not this file), then run npm run generate. :::

Guide (Frontend) — Task Recipes

Source server: @rystad/guide-mcp · Generated: 2026-08-17T09:01:41.082Z

Recipe	Title	When to use
`discover-api`	Find the right API endpoint (do this before any data work)	You need data from the backend and must confirm the exact endpoint, params, and response shape before writing code.
`add-data-table`	Add a data table backed by a real API	You want to display a list/collection of records from a backend service in a sortable table.
`add-kpi-page`	Add a KPI overview page	You want a dashboard landing page with headline metrics (KPI cards) and a couple of charts — the typical PowerBI replacement.
`add-chart`	Add a chart	You need a visualization (line/bar/area) of a data series.
`add-filters`	Add filters with shareable URL state	Users need to filter a table/chart and be able to share/bookmark the filtered view.
`wire-dynamix-simulation`	Trigger and poll a Dynamix simulation	The dashboard needs to run a parametric simulation and show results when it completes.
`add-auth-gated-content`	Gate content by role/permission	Some UI (e.g. admin actions) must only appear for users with a specific role.
`embed-powerbi`	Embed an existing Power BI report (migration bridge)	You are migrating a PowerBI dashboard and want to embed the existing report while rebuilding pieces natively.
`run-verify-gate`	Run the quality gate before declaring done	You finished a change and need to prove it is production-safe. ALWAYS run this before saying a task is complete.

See also: Guide (Frontend) Guardrails.

Raw list snapshot

[
  {
    "id": "discover-api",
    "title": "Find the right API endpoint (do this before any data work)",
    "when": "You need data from the backend and must confirm the exact endpoint, params, and response shape before writing code."
  },
  {
    "id": "add-data-table",
    "title": "Add a data table backed by a real API",
    "when": "You want to display a list/collection of records from a backend service in a sortable table."
  },
  {
    "id": "add-kpi-page",
    "title": "Add a KPI overview page",
    "when": "You want a dashboard landing page with headline metrics (KPI cards) and a couple of charts — the typical PowerBI replacement."
  },
  {
    "id": "add-chart",
    "title": "Add a chart",
    "when": "You need a visualization (line/bar/area) of a data series."
  },
  {
    "id": "add-filters",
    "title": "Add filters with shareable URL state",
    "when": "Users need to filter a table/chart and be able to share/bookmark the filtered view."
  },
  {
    "id": "wire-dynamix-simulation",
    "title": "Trigger and poll a Dynamix simulation",
    "when": "The dashboard needs to run a parametric simulation and show results when it completes."
  },
  {
    "id": "add-auth-gated-content",
    "title": "Gate content by role/permission",
    "when": "Some UI (e.g. admin actions) must only appear for users with a specific role."
  },
  {
    "id": "embed-powerbi",
    "title": "Embed an existing Power BI report (migration bridge)",
    "when": "You are migrating a PowerBI dashboard and want to embed the existing report while rebuilding pieces natively."
  },
  {
    "id": "run-verify-gate",
    "title": "Run the quality gate before declaring done",
    "when": "You finished a change and need to prove it is production-safe. ALWAYS run this before saying a task is complete."
  }
]