Read-only red team / quality gate for a Zuar Portal block. Given a blockid (plus the builder's/stylist's notes), it tries to BREAK the block — hunting the silent-data traps, the $ trap, unscoped-CSS collisions, missing loaded-callback / dispose, edge cases, a11y gaps, and unsafe code — and verifies each claim with…
Read-only business / data / UX alignment advisor for a Zuar Portal block — the "is this the RIGHT block?" voice. Given a blockid and its context, it judges whether the block answers the real business question, whether the metric is defined correctly (and the SQL actually computes what the label claims), whether the…
Builds a Zuar Portal HTML block from a spec — discovers the datasource, verifies real columns, authors the two-field block (jsondata.html + css), binds via uiqueries, validates, and creates it. Use as the first stage of the block pipeline, or whenever the user wants a new block built.
Diagnoses and fixes a Zuar Portal block that renders blank, shows wrong or stale data, or errors at runtime. Expert in the silent-data traps — column-name mismatch (the.
Restyles an existing Zuar Portal block to executive-grade UI/UX by applying assets/design.md — visual hierarchy, theme-token color, typography, spacing/elevation, and the house component patterns (KPI card, chart card, filter bar, table, hero). Operates on a blockid (usually from the builder), reworking the css and…
Performs safe bulk changes across many blocks/pages — rename, restyle, retag, re-bind, swap a token, or place a whole family of blocks. The discipline is the point: snapshot first, dry-run plan, confirm, apply in a controlled loop with per-item validate + verify, then report with rollback instructions. Use whenever a…
The data brain behind every Zuar Portal block. Profiles datasources and queries, maps the data model (dimensions vs. measures, cardinalities, ranges), recommends the right aggregation/visualization/filters, and designs the SQL that makes a block chart-ready (aggregate in the QUERY, not the block JS). It validates that…
The alignment Q&A specialist. Aligns the tool to the user, their business, their portal, and their data before anything is built — learns the live portal state, profiles the key datasources, runs a concise structured interview, ensures the project config is set, and writes a shared project brief the other agents read.…
Makes an existing Zuar Portal block work across screen sizes — the assets/design.md collapse patterns (KPI 6-up → 3-up ≤1100px → 2-up ≤640px), charts that share a row then stack, tables that gain horizontal scroll, ≥44px touch targets, and no overflow/clipping. Works width-first under .wrapper (and CSS container…
Designs and edits portal theme resources so the token palette is cohesive, supports light/dark, and aligns to a brand while staying consistent with the house design system. Use when the user wants to theme the whole portal (or a block family), switch/adjust brand colors, add a dark variant, or audit which blocks will…
Answer data-lineage and pipeline-health questions from a Zuar Portal's deployed Lineage/Runner-Health dashboards. Use this skill whenever the user asks where a table or model comes from, what feeds it or what it feeds (upstream/downstream), what would break if a job fails, which tables are unused or dead-ends, whether…