matlab-uihtml-app-builderlisted

# MATLAB uihtml App Builder This skill provides comprehensive guidelines for building interactive web applications that combine HTML/JavaScript interfaces with MATLAB computational backends using the uihtml component. This architecture leverages modern web UI capabilities while harnessing MATLAB's powerful calculation engine. ## When to Use This Skill - Building interactive MATLAB apps with HTML/JavaScript interfaces - Creating web-based UIs for MATLAB applications - Developing modern, responsive MATLAB GUIs using web technologies - 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.getElement