matlab-uihtml-app-builder

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.