matlab-uihtml-design

Generates self-contained HTML/CSS/JS control panels for MATLAB uihtml components with theme-aware styling.

162|31|Updated Oct 25, 2025
One-click install
npx skills add https://github.com/matlab/agent-skills-playground --skill matlab-uihtml-design
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: matlab-uihtml-design
Source: https://github.com/matlab/agent-skills-playground/tree/main/skills/matlab-uihtml-design
Command: npx skills add https://github.com/matlab/agent-skills-playground --skill matlab-uihtml-design

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) and assets (resource) components.

What problem does it solve?

matlab-uihtml-design eliminates the time-consuming, trial-and-error process of creating attractive and coherent HTML/CSS/JS control panels for MATLAB uihtml components.

Core Features & Use Cases

  • Generates production-grade UI designs with built-in styles and custom aesthetic guidance for MATLAB uihtml controls.
  • Supports multi-style theming workflows so users can request a named style or describe a custom look, including automatic handling when no style is specified.
  • Includes MATLAB integration conventions such as the expected setup(htmlComponent) event/listener patterns and Theme sync guidance for reliable wiring.

Quick Start

Ask: “Generate a uihtml control panel for my MATLAB app using the Cosmic Dark style, with sliders, buttons, and a toggle, self-contained (no CDN) and theme-aware.”

Frequently Asked Questions about matlab-uihtml-design

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create an HTML control panel for a MATLAB uihtml component?

You can generate a self-contained HTML/CSS/JS control panel for MATLAB uihtml components by describing a visual style, which produces a MATLAB-compatible setup(htmlComponent) pattern with inline CSS/JS and SetTheme-driven theming using CSS variables.

Can I build interactive dashboards in MATLAB using HTML, CSS, and JS?

Yes, you can build interactive dashboards in MATLAB using HTML, CSS, and JS by leveraging uihtml components, generating production-grade UI designs with cohesive styles, parameter controls, and media playback surfaces without external CDN dependencies.

Does the generated MATLAB uihtml UI require external CDN dependencies?

No, the generated MATLAB uihtml UI does not require external CDN dependencies. The templates are entirely self-contained, utilizing inline CSS/JS and CSS variables for SetTheme-driven theming to ensure reliable offline operation.

What is the best way to apply a custom visual theme to a MATLAB uihtml control surface?

The best way to apply a custom visual theme to a MATLAB uihtml control surface is to use SetTheme-driven theming with CSS variables, allowing you to request a named style or describe a custom aesthetic look for your interactive dashboard.

How do I wire MATLAB event listeners to an HTML UI component?

You wire MATLAB event listeners to an HTML UI component by following the expected setup(htmlComponent) event and listener patterns, which establishes reliable communication between the MATLAB app backend and the inline JavaScript frontend.

Are there limitations when designing parameter controls with MATLAB uihtml?

When designing parameter controls with MATLAB uihtml, templates are restricted to self-contained inline CSS/JS without external CDN dependencies, meaning all styling and interactive logic must be encapsulated within the generated HTML structure.