matlab-uihtml-designlisted

# MATLAB uihtml Design Skill Generate production-grade HTML/CSS/JS control panels for MATLAB `uihtml` components with distinctive, configurable visual styles. ## When to Use - User wants beautiful custom controls in a MATLAB app via `uihtml` - User asks for a specific design style (Clean, Material, dark theme, etc.) - User wants to redesign or restyle existing `uihtml` controls - User describes a custom aesthetic for their MATLAB app controls ## Style Selection Built-in styles are documented in `references/design-styles.md`. To apply a style: 1. If the user names a built-in style, read the corresponding file from `references/styles/<name>.md` 2. If the user describes a custom aesthetic, apply creative design thinking (see below) without loading a reference style 3. If no style is specified, **open the visual style gallery** in the user's browser so they can see all 8 styles side-by-side: ```bash start "" "<skill-directory>/assets/style-gallery.html" # Windows open "<skill-directory>/assets/style-gallery.html" # macOS ``` Then ask: "I've opened the style gallery in your browser. Which style would you like? You can also describe a custom aesthetic." The gallery shows interactive previews of all 8 built-in styles with a Dark/Light toggle. The available styles are: | Style | Vibe | |-------|------| | Clean | Frosted glass, depth layers, spring animations | | Material | Tonal surfaces, elevation, rounded shapes | | Cosmic Dark | D