matlab-uihtml-app-builderlisted

# MATLAB uihtml App Builder This skill covers how to build interactive web applications that combine HTML/JavaScript interfaces with MATLAB computational backends using the uihtml component. The HTML side handles the UI; MATLAB does the computation. ## When to Use This Skill - Building interactive MATLAB apps with HTML/JavaScript interfaces - Creating web-based UIs for MATLAB applications - Building responsive MATLAB GUIs with HTML/CSS/JS - When user mentions: uihtml, HTML, JavaScript, web app, web interface, interactive GUI - Combining web UI design with MATLAB computational power - Creating calculator apps, data visualizers, or form-based MATLAB tools ## Core Architecture ### The Four Components 1. **HTML Interface** - User interface with buttons, forms, displays 2. **JavaScript Logic** - Event handling and UI interactions 3. **MATLAB Backend** - Computational engine and data processing 4. **uihtml Component** - Bridge between HTML and MATLAB ### Communication Patterns The uihtml component enables bidirectional communication between JavaScript and MATLAB through several mechanisms: #### Pattern 1: MATLAB → JavaScript (Data Property) **Use Case**: Sending data from MATLAB to update the HTML interface ```matlab % MATLAB side h.Data = "Hello World!"; ``` ```javascript // JavaScript side htmlComponent.addEventListener("DataChanged", function(event) { document.getElementById("display").innerHTML = htmlComponent.Data; }); ``` #### Pattern 2: JavaScript → MATLAB (