matlab-uihtml-design

Solid

Generate beautiful, distinctive HTML/CSS/JS control panels for MATLAB uihtml components. 8 built-in styles (Clean, Material, Cosmic Dark, Neumorphic, Dashboard Light, Midnight Gradient, Minimal Mono, Warm Dark) plus custom aesthetics. Produces production-grade UI with sliders, buttons, toggles, and panels. Use when building visually polished MATLAB app UIs with uihtml.

Web & Frontend 156 stars 31 forks Updated today NOASSERTION

Install

View on GitHub

Quality Score: 80/100

Stars 20%
73
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
80
License 10%
100
Description 5%
100

Skill Content

# 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...

Details

Author
matlab
Repository
matlab/agent-skills-playground
Created
9 months ago
Last Updated
today
Language
HTML
License
NOASSERTION

Integrates with

Similar Skills

Semantically similar based on skill content — not just same category

Web & Frontend Solid

matlab-uihtml-app-builder

Build interactive web applications using HTML/JavaScript interfaces with MATLAB computational backends via the uihtml component. Use when creating HTML-based MATLAB apps, JavaScript MATLAB interfaces, web UIs with MATLAB, interactive MATLAB GUIs, or when user mentions uihtml, HTML, JavaScript, web apps, or web interfaces.

156 Updated today
matlab
Web & Frontend Listed

html-design-styles

Use when the user wants to apply a named design style or aesthetic to a frontend interface - e.g., bento, brutalist, neobrutalist, glassmorphism, vaporwave, dark SaaS, kawaii, cyberpunk, art deco, neumorphism, swiss, memphis, scandinavian, cottagecore, y2k, sci-fi HUD, and more. Triggers when the user names a specific style, asks "what design styles do you support", requests "a [style] look" for a page or component, or wants to restyle existing markup with a chosen aesthetic. Provides a curated catalog of 53 design styles each with full color palettes, typography stacks, component patterns, and layout specifications. Applies a NAMED catalog style only - do NOT use for open-ended visual direction with no style named (this skill applies only named catalog styles, so ask the user to pick one first), backend/JS functionality, or full multi-page app builds; styling and markup only.

2 Updated 3 days ago
chrismccoy
Web & Frontend Solid

ui-styling

Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Use when building user interfaces, implementing design systems, creating responsive layouts, adding accessible components (dialogs, dropdowns, forms, tables), customizing themes and colors, implementing dark mode, generating visual designs and posters, or establishing consistent styling patterns across applications.

0 Updated 4 days ago
kterfan