What problem does it solve?
This Skill enables developers to build modern, interactive web-based user interfaces for MATLAB computations by bridging HTML/JavaScript front-ends with MATLAB backends through the uihtml component, removing the need for bespoke inter-process communication.
Core Features & Use Cases
- Bidirectional data flow between JavaScript and MATLAB via htmlComponent Data and events.
- Rapid prototyping of dashboards, controls, and data entry forms with a MATLAB backend.
- Real-world scenarios include web UIs for parameterized simulations, data visualization dashboards, and form-driven tools that drive MATLAB calculations.
Quick Start
Use this Skill to create a simple MATLAB-backed UI by creating an HTML interface and connecting it to MATLAB with uihtml. For example:
- In MATLAB, create a UI figure and uihtml:
fig = uifigure('Name','My App');
h = uihtml(fig, 'Position', [20 20 760 400]);
h.HTMLSource = fullfile(pwd, 'app.html');
h.HTMLEventReceivedFcn = @(src, evt) myHandler(src, evt);
- In app.html, call setup(htmlComponent) in your JavaScript to wire up event listeners and handlers.
