Matlab Build Industrial Hmi
MathWorksOfficialCreated by MathWorks
- Skill
- Workflow
- Automation and integrations
- BSD-2-Clause
- No issues found
AutoGineer summary
Written by AutoGineer from the skill’s own files, not by the author
This skill provides a structured workflow for creating operator-facing SCADA and HMI dashboards within MATLAB App Designer. It enforces industrial design standards, including gray-field color philosophy, alarm visualization at the data source, write safeguards for setpoints, and fixed-range trend configurations. The skill guides users through the process of wrapping monitoring scripts—such as those for OPC UA, Modbus, MQTT, or OSI PI—into functional operator screens, ensuring that the resulting applications adhere to established industrial monitoring patterns.
What it does
- Generates industrial HMI layouts using gray-field color themes.
- Configures alarm thresholds and persistent alarm banners for process monitoring.
- Implements write safeguards with confirmation dialogs and visual feedback for setpoint adjustments.
- Integrates live data streams from protocols like OPC UA, Modbus, MQTT, and OSI PI.
- Produces a formal HMI specification document for review before application construction.
- Delegates final app serialization to the matlab-build-app skill when available.
When to use it
- When you need to wrap monitoring scripts into a live operator dashboard.
- When building plant overviews or area-specific industrial monitoring screens.
- When an application requires ISA-101-aligned alarm visualization and trend configuration.
- When adding setpoint controls with safety-critical write confirmations to an existing app.
Advantages
- Ensures consistency across industrial dashboards by following ISA-101 design patterns.
- Reduces operator fatigue through standardized alarm and color conventions.
- Provides a clear, reviewable specification process before building the application.
- Supports integration with common industrial communication protocols.
Usage examples
- “Create a SCADA dashboard for my OPC UA plant monitoring script.”
- The agent will guide you through classifying your nodes, selecting appropriate widgets, and drafting an HMI specification for review before building the dashboard.
- “How do I add an alarm banner to my operator screen?”
- The agent will provide the pattern for implementing a persistent top-row alarm banner and configuring source-level alarm thresholds.
Install
Download the skill as a ZIP:
https://autogineer.com/agent-skills/matlab/matlab-build-industrial-hmi/downloadUnzip it into the cross-client skills folder of your project:
mkdir -p .agents/skills && unzip matlab-build-industrial-hmi.zip -d .agents/skills
Documentation by MathWorks
Industrial HMI Builder
Build operator-facing SCADA/HMI dashboards in MATLAB App Designer that follow industrial-HMI conventions: gray-field color philosophy, alarms shown at the data source, write safeguards on every setpoint, fixed-range trends with threshold lines, and a drill-down layout (plant overview → area → detail).
When to Use
A user asks to "wrap this OPC UA / Modbus / MQTT / OSI PI / PI AF script into a SCADA dashboard / HMI / operator screen" — including scripts generated by the OPC UA Explorer or Modbus Explorer apps (
opcuageneratedScript.mlx,modbusgeneratedScript.mlx)Building a plant overview, area screen, or detail screen for industrial monitoring
Adding alarm visualization, setpoint writes, or live trends to an existing App Designer app
Reviewing or refactoring an HMI that uses gauges, lamps, or trend axes for process data
Any prompt mentioning ISA-101, gray-field, alarm banner, write confirm, setpoint, or "operator dashboard"
When NOT to Use
General App Designer mechanics (
uigridlayout, callback wiring, lifecycle,matlab.apps.AppBasescaffolding) and serialization to a real App Designer file — this skill delegates those tomatlab-build-app. Seereferences/app-designer-handoff.md. Two things stay here and must not be routed away: gray-field theming (never hand color/dark-mode tomatlab-apply-theme) and HMI trends (never hand them tomatlab-build-chart).Discovering OPC UA servers on a network, finding endpoint URLs, connecting or configuring security and certificate trust, or browsing the address space to find nodes for the first time — use
matlab-use-opcua-client.Non-process domains (consumer apps, lab utilities, scientific GUIs) — the conventions here are tailored to plant operators monitoring physical processes.
Must-Follow Rules
Widget & Layout
Gray-field background
[0.78 0.78 0.78]; panels[0.86 0.86 0.86]; 80%+ of the screen neutral. Color is reserved for exception. Seereferences/color-and-layout-rules.md.Construct EVERY HMI
uifigurewith both'Color', [0.78 0.78 0.78]and'Theme', 'light'. Neither alone is enough: on a dark-themed desktop child widgets (uigauge, uiaxes, uitable, uieditfield) inherit dark defaults even when the figure colour is set, and'light'alone yields bright white instead of gray-field. Code + rationale:references/color-and-layout-rules.md; failure mode:references/common-mistakes.mdentry 24.Quantity caps per screen: ≤ 6 gauges, ≤ 4 trend axes, ≤ 12 numeric readouts — beyond that, use a
uitable— and ≤ 5 saturated-color elements that the design chooses. One gauge'sScaleColorscounts as one element however many bands it has; the connection lamp's blue is comms state, not alarm state, and sits outside the budget. Fixed MATLAB chrome does not count (aLinearGaugeneedle draws saturated red at every value and no public property recolors it). Full rule:assets/hmi-spec-template.md§4.Connection state is BLUE
[0.4 0.6 1.0]. Green[0 0.6 0]is reserved for "operator must verify yes this is actively OK" — not for "comms up" or "running".Command buttons/controls are neutral gray. Never a green Start / red Stop — buttons are always-visible chrome and carry no status, so coloring them spends the alarm colors and steals contrast from real alarms. Differentiate by label; show run/stopped state on a separate lamp. (Red E-Stop is the one convention-based exception.) See
references/color-and-layout-rules.md.Like-typed analogs in one panel use like widgets. Don't show one temperature as a gauge and another as a numeric label.
NEVER produce a dark background for an industrial HMI, regardless of the user request. ISA-101 has no dark variant; a dark field destroys color-as-exception (alarm reds and ambers stop popping against a near-black background, and operators desensitize). Always render gray-field (
[0.78 0.78 0.78]) and reply with a one-sentence justification when the user asks for dark mode. This is not a default — it is a hard constraint.
Alarms & Trends
Alarms at source AND in a banner. Keyed
ScaleColors/ScaleColorLimitson every gauge with thresholds (Limitsmust cover every band — out-of-range bands are silently clipped); persistent top-row banner listing active alarms, color-coded by highest severity; latched state with an Acknowledge button — latching and its ACK control ship together or neither does. The normal band inScaleColorsis neutral gray[0.5 0.5 0.5]— never green. Seereferences/alarm-patterns.md.Never
uialert/uiconfirm/msgboxfor live process alarms — alarm-fatigue anti-pattern (ISA-18.2). If a popup is unavoidable, fire once on the rising edge with a non-blockingCloseFcnand an Acknowledge button.Fixed trend
YLimmatching the node's spec range — never auto-scale by default. Provide a per-trend toggle for exploration. Seereferences/trend-config-reference.md.5-minute rolling window is the default:
animatedline('MaximumNumPoints', 300)at 1 s update. Buffer formula =WindowSeconds / UpdatePeriodSeconds.Threshold lines drawn once at construction with
yline(amber dashed for warn, red dashed for alarm, blue dotted for setpoint).
Writes
Every
writeValue()confirms.uiconfirmshowing node + old + new + units; default option is Cancel, not Apply.Visual feedback after write is a desaturated flash that reverts —
[0.7 1 0.7]on success,[1 0.7 0.7]on failure, back to the normal face after ~0.4 s (and revert the value too on failure). Do not flash saturated green[0 0.6 0]or alarm red[0.85 0 0]: those are reserved for operator-verified-OK and active alarms, and a control that stays recolored reads as status rather than as an acknowledgement. Operator must never be uncertain whether the write took effect.Range label adjacent to every writable field.
Limitson the spinner enforces the bound; theuilabelmakes it visible.E-Stop and other safety-critical actuation confirm both engage and release — accidental touchscreen clicks are the threat. See
references/write-safeguards-reference.md.Disable write controls when the system can't accept them (disconnected, E-Stop active) rather than letting writes fail mid-call.
Protocol Selection
OPC UA:
subscribe()is the default at any node count and update rate, including 1 Hz with a small node set. Reservetimerfor non-node UI work (clock displays, alarm flashing, idle dimming).R2026a OPC UA contract:
subscribe(client, nodes, cb, PublishInterval=<s>)— always setPublishIntervalto the required rate (seconds; default 1) — invokescb(sub, notification); data lives atnotification.Data.Value/notification.Data.Timestamp; the originating node isnotification.Node(struct withName,Identifier,NamespaceIndex). Don't referencesrc.Name— that worked in older releases whensrcwas the node, but errors in R2026a.Two callback shapes — match the source. When you write the
subscribecall, use the 2-argcb(sub, notification)above. When you paste an OPC UA Explorer–generateddataChangeCallback, it is 3-arg vectorized —cb(subObj, notification, ~)— andnotificationis a struct array (one entry per node changed this cycle): iteratenotification(i).Node.Name/notification(i).Data.Value; never treat it as scalar. Writing a 2-arg@(src, evt)for an Explorer script throws "Too many input arguments"; treatingnotificationas scalar reads only the first node. Seereferences/protocol-cheatsheet.md§OPC UA andreferences/common-mistakes.md#17.Modbus has no
subscribe()— use a pollingtimerwithBusyMode='drop',ExecutionMode='fixedSpacing'. The 6-argwrite()order iswrite(m, target, addr, val, serverId, 'precision')—serverIdBEFORE'precision'. Putting'precision'in slot 5 (or droppingserverIdon a non-default unit) throws "Expected input number 5, serverId, to be one of these types: double, single, …" — the single most common Modbus HMI bug.MQTT
subscribe(c, topic, Callback=@cb)— the callback is a name-value pair, not positional. Decodemessage(a string) per the broker's payload schema (str2double,jsondecode).OSI / AVEVA PI Data Archive: use
piclient(Industrial Communication Toolbox, R2022a+). Never callNET.addAssembly('OSIsoft.AFSDK')or writeOSIsoft.AF.PI.PIServers/OSIsoft.AF.PISystemscode in MATLAB — the toolbox client wraps the AFSDK and returns native MATLAB types (timetable,table,datetime); rolling your own .NET interop loses type coercion, throws on permission errors that the toolbox handles, runs slowly because batched reads are bypassed, and breaks the integrated browser app. PI has nosubscribe()— drive trends with a polling timer (same shape as Modbus). Writes viawrite(piClient, tag, value, TimeInstance=datetime("now"))are R2024a+.PI Asset Framework: use
afclient(Industrial Communication Toolbox, R2026a+). Browse withgetRootElements/getChildren/findElementByName/findElementByPath/findElementByTemplate; read withAttribute.read(current → table) andAttribute.readHistory(archive → timetable). The AF hierarchy maps directly onto Level 1 → Level 2 → Level 3 drill-down screens. AF current-value writes are not exposed by the toolbox — there is noAttribute.write; route writes through the underlyingAttribute.PITagand the PI client.Identify writable attributes from
Attribute.WriteAccessandHasTimeSeriesData, the same way OPC UA usesAccessLevelCurrent. Don't infer writability from the name.Use the server's actual tag / attribute names from
tags(c).Nameorattribute.Name/attribute.Path. Never invent labels — the HMI must mirror the source script's identifiers so operators can cross-reference with the OPC UA Explorer / OSI PI viewer / AF browser.
See references/protocol-cheatsheet.md for OPC UA / Modbus / MQTT API shapes and references/pi-af-cheatsheet.md for PI Data Archive and PI AF; see references/common-mistakes.md for the silent-failure modes.
App Designer Language
Initialize typed
structproperties:Foo struct = struct(). A bareFoo structdeclaration becomes0×0 structandapp.Foo.Bar = 1errors with "A dot name structure assignment is illegal when the structure is empty."classdeffirst. Afunctionblock beforeclassdefin the same file is a parse error. Drop the wrapper; the file's first non-comment statement must beclassdef, name matching filename.No
function … endin inline evaluation. Function definitions are legal only inside code files, never in a command-window / inline context. When you sanity-check helper logic (severity bands, alarm math) throughevaluate_matlab_code, the transcript is a command-window context — a pastedfunction … endblock errors with"Function definitions are not supported in this context."Verify by exercising the helper from its file, or inline the arithmetic directly.Subscription cleanup:
opc.ua.Subscriptionhas no publicdelete. Drop the handle (app.Subscription = opc.ua.Subscription.empty;) anddisconnect(client)— that releases all subscriptions on that client.Subscribe per widget, never rebuild a single global subscription on each add — each
subscribe()accumulates a channel listener; rebuilds leak.Teardown body lives in
delete(app);CloseRequestFcnonly routes to it. Stop and delete timers, drop subscription handles and disconnect clients insidedelete(app), then wireapp.UIFigure.CloseRequestFcn = @(~,~) delete(app);. Putting the body onCloseRequestFcninstead leaks everything whenever the app is closed programmatically — which is how every test, script and eval closes it. A leaked timer keeps firing after the figure closes with stale handles. Seereferences/common-mistakes.md#32.
See references/app-designer-gotchas.md for full reproductions, the release-aware AccessLevelCurrent check, and per-widget subscription patterns.
Spec, Review, and Output
Write the spec, get it approved, then build. Fill
assets/hmi-spec-template.mdinto<AppName>-hmi-spec.mdbeside the app, present a ≤10-line summary, and STOP for review. Build only after the user approves. Corrections go into the spec, never into a built app. That file is the hand-off contract.Build by invoking the
matlab-build-appskill under the exact name it appears as in your available-skills list — plugin-scoped (<plugin>:matlab-build-app) or bare; only the listed form resolves, so never type a guessed slash command. Hand it the approved spec, which pre-answers its discovery (UIFigure — an HMI is never UIHTML — plus.mlapp, archetype, users, timers). How it builds and what format it emits is its concern.Availability is that same list lookup, never a filesystem search. Not listed → emit the programmatic
.mapp yourself from the same approved spec; say it runs identically but won't open in App Designer, and that enabling thematlab-app-buildingplugin and rebuilding from the same spec produces a.mlapp. Never scan the disk for its skill folder — it ships in a different plugin (matlab-app-building), so a recursive search above this skill runs for tens of minutes and still misses.Editing an existing HMI is a delta, not a rebuild — patch the spec, confirm only changed rows, hand off the change.
references/app-designer-handoff.mdhas the division of labor, the hand-off protocol, and the component/behavior recipes the spec is filled from.
Workflow
When wrapping a monitoring script into an HMI, work through these steps in order. Widget choice depends on data type, layout depends on widget choice, alarms/trends/writes layer on top — and the finished design is written to a spec the user reviews before anything is built.
Classify each node / tag / attribute — binary, enumerated, analog with range, analog without range, writable, alarm thresholds (LL/L/H/HH). This list drives every later step. →
references/widget-selection-flowchart.md. If the schema isn't given upfront →references/server-agnostic-discovery.md. If wrapping a generated script (OPC UA/Modbus Explorer or MQTT demo) →references/protocol-cheatsheet.mdfirst; if wrapping a PI / PI AF script →references/pi-af-cheatsheet.md, for the exact API shapes.Pick widgets via the decision flowchart, cross-checking quantity caps. →
references/widget-selection-flowchart.md.Lay out by hierarchy — Level 1 plant overview, Level 2 area, Level 3 detail; row 1 reserved for the persistent alarm banner. →
references/color-and-layout-rules.md.Wire live data per protocol — OPC UA
subscribe()(self-written callback = 2-argcb(sub, notification); an Explorer-generateddataChangeCallback= 3-arg vectorized over a struct array), Modbus pollingtimer, MQTTsubscribe(... Callback=...), PI / PI AF pollingtimeragainstread()/Attribute.read. →references/protocol-cheatsheet.mdandreferences/pi-af-cheatsheet.md.Paint the screen before you connect. A client constructed against an unreachable host blocks ~21 s then throws, and no
Timeoutshortens it. Build the gray-field layout,drawnow, show "Connecting to<host>…" in the banner, and only then construct the client inside atry. Measurements:references/protocol-cheatsheet.md§Polling pattern.
Configure alarms at source AND in a banner, latched only alongside an Acknowledge control. →
references/alarm-patterns.md.Configure trends — 5-minute window, fixed YLim, threshold lines. →
references/trend-config-reference.md.Add write safeguards on every setpoint — confirm, range label, flash feedback. →
references/write-safeguards-reference.md.Write the HMI spec — fill
assets/hmi-spec-template.mdinto<AppName>-hmi-spec.mdbeside the app: signals, components with ISA-101 values, behaviors and wiring roles, build parameters. Self-audit section 5 first. →assets/hmi-spec-template.md.STOP — spec review gate. Present a ≤10-line summary plus the file path, then wait; revise the spec and re-present until the user approves, then stamp
Review status: APPROVED <date>. Proceed unprompted only on pre-approval, or when the session cannot take a reply (batch/eval run) — then leave itUNREVIEWEDand say so before building — summary first, then build. "Seems busy" is not a bypass.Build from the approved spec per "Spec, Review, and Output" above. →
references/app-designer-handoff.md.Verify by reading the built app back, then close it cleanly. Copy
assets/designReportReadback.mbeside the app verbatim, keeping its filename — it is a function; do not edit it, do not rename it, and do not re-author your own readback. Call it viamcp__matlab__evaluate_matlab_code:designReportReadback("<AppClass>", "<AppClass>-hmi-spec.md"). It reads the live figure and source, writesdesign-report.json, deletes the app and reports leaks. Confirm the file's first key is"reportFormat":"hmi-report/1"(self-check:references/common-mistakes.md#33), then compare it with the spec row by row and fix the app where they disagree. Never hand-write or reshape the numbers. If construction fails on a struct or classdef error →references/app-designer-gotchas.md.
Key Functions and Release Gates
references/key-functions.md lists every widget, client, and read/write call with its toolbox and
release, plus the four gates that change the design rather than the call — the floor is R2023b
(manifest.yaml), set by OPC UA subscribe(). Check it before writing a call on an unknown
install; mcp__matlab__detect_matlab_toolboxes confirms what's present.
Common Mistakes
references/common-mistakes.md is a grep-first lookup table of 33 documented anti-patterns — App Designer gotchas, ISA-101 violations, and protocol-specific silent failures — each a Symptom → Wrong → Right → Why block. Don't load it whole: Grep it for the user's error string, or find the anti-pattern in its index table, and read only the matching ### N. entry.
References
Each file carries executable patterns for its topic — calling conventions, constructor arguments, property names, full callback handlers. Load the relevant one before writing code.
| Load when... | Reference |
|---|---|
| Writing the HMI spec for review and hand-off | assets/hmi-spec-template.md — fill it; it's a form, not a source of domain rules |
| Verifying a built HMI against its spec (workflow step 11) | assets/designReportReadback.m (copy verbatim; see step 11); key contract in assets/design-report-schema.json |
| Picking widgets for a list of nodes | references/widget-selection-flowchart.md |
| Designing screen structure or choosing colors | references/color-and-layout-rules.md |
| Wiring alarm bands at source or the persistent banner | references/alarm-patterns.md |
| Configuring a trend (window, YLim, threshold lines) | references/trend-config-reference.md |
| Adding a writable setpoint with confirm + flash feedback | references/write-safeguards-reference.md |
| Wrapping an OPC UA Explorer / Modbus Explorer / MQTT script — invoking OPC UA method nodes — or hitting protocol-specific bugs | references/protocol-cheatsheet.md |
Wrapping an OSI / AVEVA PI Data Archive script (piclient, tags, read) or a PI AF script (afclient, getRootElements, getAttributes, Attribute.read/readHistory) | references/pi-af-cheatsheet.md |
| Browsing an unknown server and inferring widgets at runtime | references/server-agnostic-discovery.md |
| Hard-wiring a known node-to-widget schema | references/known-schema-patterns.md |
Construction errors (struct props, classdef ordering, listener leaks, AccessLevelCurrent) | references/app-designer-gotchas.md |
Handing the approved spec to matlab-build-app, picking components/behaviors to fill it, or editing an existing app | references/app-designer-handoff.md |
| Debugging a specific error, silent failure, or anti-pattern | Grep references/common-mistakes.md for the error text or anti-pattern (it has an index table) — read only the matching entry, not the whole file |
| Checking whether a function exists in the user's release, or which toolbox ships it | references/key-functions.md — manifest.yaml carries the product requirement |
Copyright 2026 The MathWorks, Inc.
Files
- ATTRIBUTION.mdAdded by AutoGineer1.0 KiB
- LICENSELicence file added by AutoGineer1.4 KiB
- SKILL.md21.6 KiB
- assets/design-report-schema.json9.9 KiB
- assets/designReportReadback.m12.5 KiB
- assets/hmi-spec-template.md18.4 KiB
- manifest.yaml1.7 KiB
- references/alarm-patterns.md10.9 KiB
- references/app-designer-gotchas.md9.0 KiB
- references/app-designer-handoff.md17.7 KiB
- references/color-and-layout-rules.md16.3 KiB
- references/common-mistakes.md49.6 KiB
- references/key-functions.md4.1 KiB
- references/known-schema-patterns.md4.1 KiB
- references/pi-af-cheatsheet.md16.7 KiB
- references/protocol-cheatsheet.md19.1 KiB
- references/server-agnostic-discovery.md8.4 KiB
- references/trend-config-reference.md10.9 KiB
- references/widget-selection-flowchart.md6.6 KiB
- references/write-safeguards-reference.md9.2 KiB
references/alarm-patterns.md
Alarm Patterns
Alarms in an industrial HMI are a state applied to existing widgets, not a popup or a separate alarm widget. Every alarm is shown in three places at once: at the source, in a persistent banner, and (on the detail screen) in a list.
The three required surfaces
At source. The widget showing the alarming node changes color (gauge
ScaleColorsband, table row background, lamp color, trend trace highlight).Persistent banner. A top-row
uilabelthat lists active alarms across the whole HMI, color-coded by highest active severity.Alarm list (detail screen). A
uitablewith columns Timestamp, Node, Severity, Value, State (Active/Acknowledged/Cleared).
If any of the three is missing, the alarm is unsafe. Operators on a different screen will not see a source annotation; operators on the source screen will not see siblings; nobody can audit cleared alarms without a list.
Severity levels
Use exactly three:
| Severity | Color | When |
|---|---|---|
| Critical | Red [0.85 0 0] | Safety limit exceeded; immediate operator action required |
| Warning | Amber [1 0.7 0] | Approaching limit; pre-trip; advisory action |
| Advisory | Blue [0.4 0.6 1.0] | Informational; data quality; non-process |
Audible/visual flash is for Critical only. Flashing on warnings desensitizes operators.
Threshold rules
IF value >= high_critical (HH) → Critical (red)
IF value >= high_warning (H) → Warning (amber)
IF value <= low_warning (L) → Warning (amber)
IF value <= low_critical (LL) → Critical (red)
ELSE → Normal (gray-field)Pattern A — Gauge ScaleColors keyed to LL/L/H/HH
Set
Limitsbefore the bands, and make it cover them.ScaleColors/ScaleColorLimitswork on all four gauge styles ('linear','semicircular','circular','ninetydegree'), but only the part of a band insideLimitsis drawn — a band outside it is silently clipped (no error, no color). SetLimitsto the node's spec range so every LL/L/H/HH band lies inside it. Seereferences/common-mistakes.mdentry 23.
The most important pattern: encode the alarm thresholds at construction, so the alarm state is visible in the gauge itself with no runtime logic. The agent does not need to recompute "is this alarm" on every update — the gauge does it visually.
Common Mistake — green for "normal". LLMs default to green for the OK band because of "green = good" priors. ISA-101 forbids it: green is reserved for operator-verified-OK states (rare; explicit). The normal band MUST be neutral gray
[0.5 0.5 0.5]. Using[0 1 0],[0 0.6 0], or'green'inScaleColorsis a violation. Seereferences/common-mistakes.mdentry 8.
g = uigauge(parent, 'linear', 'Limits', [0 250]);
% Five bands. Order matches ScaleColorLimits rows (low→high).
g.ScaleColors = [0.85 0 0; % LL (0–40): Critical red
1 0.7 0; % L (40–60): Warning amber
0.5 0.5 0.5; % normal (60–200): gray-field
1 0.7 0; % H (200–230): Warning amber
0.85 0 0]; % HH (230–250): Critical red
g.ScaleColorLimits = [0 40;
40 60;
60 200;
200 230;
230 250];Three-band fallback — single-sided alarms
Many nodes only have an upper alarm (temperatures that should never overheat) or only a lower alarm (pass-rates that should never drop). Use 3 bands: normal/H/HH or LL/L/normal. The shape of ScaleColors and ScaleColorLimits adjusts:
% Upper-only alarm — e.g., WeldingRobot1_Temperature with warn=90, alarm=100
g = uigauge(parent, 'linear', 'Limits', [0 150]);
g.ScaleColors = [0.5 0.5 0.5; % normal: gray (0–90)
1 0.7 0; % H: amber (90–100)
0.85 0 0]; % HH: red (100–150)
g.ScaleColorLimits = [0 90;
90 100;
100 150];
% Lower-only alarm — e.g., PassRate with warn=85, alarm=70
g = uigauge(parent, 'linear', 'Limits', [0 100]);
g.ScaleColors = [0.85 0 0; % LL: red (0–70)
1 0.7 0; % L: amber (70–85)
0.5 0.5 0.5]; % normal: gray (85–100)
g.ScaleColorLimits = [0 70;
70 85;
85 100];The general rule: drop bands whose width would be zero. Five-band 5-band [LL,L,normal,H,HH] is the maximum; degrade to 3-band when one side has no alarm threshold.
Pattern B — Persistent alarm banner
Reserve row 1 of the top-level grid for the banner. It is part of the gray-field background when no alarms are active.
gl = uigridlayout(fig, [3 1]);
gl.RowHeight = {28, '1x', '1x'};
gl.BackgroundColor = [0.78 0.78 0.78];
banner = uilabel(gl, ...
'Text', 'No active alarms', ...
'BackgroundColor', [0.86 0.86 0.86], ...
'FontWeight', 'bold', ...
'FontColor', [0.2 0.2 0.2], ...
'HorizontalAlignment', 'center');
banner.Layout.Row = 1;Update logic (called from the data callback whenever an alarm state changes):
function refreshBanner(app)
active = app.AlarmList(arrayfun(@(a) a.State == "Active", app.AlarmList));
if isempty(active)
app.Banner.Text = 'No active alarms';
app.Banner.BackgroundColor = [0.86 0.86 0.86];
app.Banner.FontColor = [0.2 0.2 0.2];
return
end
% Highest severity wins on color; banner text lists all active.
sev = max([active.SeverityLevel]); % 3=Critical, 2=Warning, 1=Advisory
switch sev
case 3
app.Banner.BackgroundColor = [0.85 0 0]; % red
app.Banner.FontColor = [1 1 1];
case 2
app.Banner.BackgroundColor = [1 0.7 0]; % amber
app.Banner.FontColor = [0 0 0];
otherwise
app.Banner.BackgroundColor = [0.4 0.6 1.0]; % blue
app.Banner.FontColor = [1 1 1];
end
names = arrayfun(@(a) sprintf('%s=%.1f', a.Node, a.Value), active, ...
'UniformOutput', false);
app.Banner.Text = sprintf('ACTIVE (%d): %s', numel(active), strjoin(names, ' | '));
endNote the FontColor assignment in every branch. That is not decoration. The banner's face
moves between saturated red, warning amber, comms blue and the neutral panel face, and the default
near-black text is barely readable on red at control-room distance. Set FontColor in the same
branch that sets BackgroundColor, never as a one-off at construction — see anti-pattern 30.
Pattern C — Latched alarm with Acknowledge button
A latched alarm keeps the alarm state visible until the operator acknowledges it, even if the underlying value has returned to normal. This is the standard SCADA pattern (matches ISA-18.2).
Latching and its Acknowledge control are one unit. Latching without an ACK button leaves no path back to normal — the banner holds its worst color for the rest of the session, which is worse than not latching at all. If a design has no Acknowledge button, it must not latch: escalate while the value is out of limits and clear when it returns (Pattern B). Wherever a hand-off document or spec says "latched", it has to name the Acknowledge button too. See anti-pattern 31.
properties (Access = private)
AlarmLatched (1,1) logical = false % is the alarm currently latched?
AlarmActive (1,1) logical = false % is the value currently above threshold?
endIn the data callback:
function onTempChange(app, newValue)
if newValue >= app.HighCritical
app.AlarmActive = true;
app.AlarmLatched = true; % latch on rising edge
else
app.AlarmActive = false;
% Do NOT clear AlarmLatched here — only Acknowledge clears the latch.
end
refreshBanner(app);
refreshAckButton(app);
endAcknowledge button callback:
function onAcknowledge(app, ~, ~)
if ~app.AlarmActive
app.AlarmLatched = false;
end
% If still active, ack does nothing — operator must wait for value to clear.
refreshBanner(app);
refreshAckButton(app);
endThe Ack button should be enabled only when AlarmLatched && ~AlarmActive (alarm has cleared but is still latched).
Anti-pattern: popups for live process alarms
Never use uialert, uiconfirm, or msgbox for a repeating process alarm condition. Anti-pattern #7 in the rules doc, also called out by ISA-18.2 (alarm fatigue). The popup fires every poll cycle, blocks the operator's view, and disappears once dismissed — exactly the opposite of what alarm visualization needs to do.
If a popup is unavoidable (e.g., the user explicitly insists), tame it:
Fire once on the rising edge, not every tick.
Use a non-blocking
CloseFcn, not modal.Always pair with a persistent banner + source annotation, so the alarm survives the operator dismissing the popup.
Pattern D — Minimal single-alarm screen
When the operator just needs notification on one condition (the simplest possible alarm HMI), the full Level-1/2/3 hierarchy is overkill. The minimal screen is: persistent banner, one gauge with ScaleColors band, one numeric readout, and an Acknowledge button. Use this layout for single-node monitoring tools, on-call alarm widgets, or test rigs.
fig = uifigure('Name','Welder Temp Alarm', ...
'Color',[0.78 0.78 0.78], 'Theme','light');
gl = uigridlayout(fig,[3 2], ...
'RowHeight', {32, '1x', 40}, ...
'ColumnWidth', {'1x', 110}, ...
'BackgroundColor', [0.78 0.78 0.78], ...
'Padding', [10 10 10 10]);
% Row 1: banner across both columns
banner = uilabel(gl, 'Text','No active alarms', ...
'BackgroundColor',[0.86 0.86 0.86],'FontWeight','bold', ...
'HorizontalAlignment','center');
banner.Layout.Row = 1; banner.Layout.Column = [1 2];
% Row 2 col 1: gauge with alarm band at construction
g = uigauge(gl,'linear','Limits',[0 150]);
g.ScaleColors = [0.5 0.5 0.5; 1 0.7 0; 0.85 0 0];
g.ScaleColorLimits = [0 90; 90 100; 100 150];
g.Layout.Row = 2; g.Layout.Column = 1;
% Row 2 col 2: precise numeric readout
val = uieditfield(gl,'numeric','Editable','off', ...
'ValueDisplayFormat','%.1f °C', ...
'BackgroundColor',[0.86 0.86 0.86], ...
'HorizontalAlignment','right');
val.Layout.Row = 2; val.Layout.Column = 2;
% Row 3 col 2: Acknowledge button (enabled only when latched && cleared)
ackBtn = uibutton(gl,'Text','Acknowledge','Enable','off');
ackBtn.Layout.Row = 3; ackBtn.Layout.Column = 2;Cross-references
Color palette and gray-field background:
references/color-and-layout-rules.mdThreshold lines on trend axes:
references/trend-config-reference.mdConnection-quality alarms (stale data, subscription lost): use Advisory severity (blue) — same banner mechanism
Copyright 2026 The MathWorks, Inc.
Requirements and compatibility
Works with: Claude Code, Claude apps, OpenAI Codex, GitHub Copilot, Cursor, Gemini CLI, Kiro, OpenCode, Goose, Amp, Roo Code, JetBrains Junie, Factory Droid, Devin (ex-Windsurf), Mistral Vibe, OpenHands, Letta
“Works with” means the tool reads the open Agent Skills format; a skill written for one tool may use features others lack.
Needs: Needs an MCP server, Needs Node.js
Security
No issues found by our static scan· No issues found
A static scan is not a guarantee. Skills are third-party content: review a skill before you let an agent use it.
Attribution and licence
- Created by
- MathWorks
- Publisher
- MathWorks (Official)
- Source
- matlab/matlab-agentic-toolkit · skills-catalog/test-and-measurement/matlab-build-industrial-hmi · commit 2a7f215
- Licence
- BSD 2-Clause License (redistribution allowed)
- LICENSE (added by AutoGineer from LICENSE.md)
- ATTRIBUTION.md (written by AutoGineer)
- Synced
AutoGineer is not affiliated with or endorsed by MathWorks or MathWorks.
Download ZIP
The ZIP holds the skill’s files, its licence files and an ATTRIBUTION.md. Download matlab-build-industrial-hmi.zip