SkillHey.
Skill einreichen

Material UI theming and design tokens

mui/material-ui

Guides Material UI theming and design tokens (createTheme, ThemeProvider, palette, colorSchemes, cssVariables, theme.vars, dark mode, TypeScript augmentation). Use when building or extending a theme, toggling light/dark, or aligning tokens across an app.

Inhalt aktualisiert:

Auf GitHub ansehen
npx skills add mui/material-ui --skill material-ui-theming
99.342Sterne32.492ForksLetzter Repository-Push

Über diesen Skill

Guides Material UI theming and design tokens (createTheme, ThemeProvider, palette, colorSchemes, cssVariables, theme.vars, dark mode, TypeScript augmentation). Use when building or extending a theme, toggling light/dark, or aligning tokens across an app.

Warum wir es empfehlen

Summarized from the original mui/material-ui SKILL.md by MUI; the original upstream instructions were used.

Wobei es hilft

  • Use this workflow when the task matches the original Material UI theming and design tokens instructions.

Vor der Nutzung

  • Read the original SKILL.md and referenced files in mui/material-ui.

Quellen und Referenzen

Die Originalquellen sind unten verlinkt. Praktische Einstiegsideen sind redaktionelle Vorschläge von SkillHey.

Redaktion: SkillHey
material uidesign systems

Ähnliche Skills

Component Family Consistency

Dembrandt

Buttons, inputs, badges and pills share radius, colour logic, shadow, border and spacing. Use when building or reviewing a component library.

  • design systems
  • ui design
193Sterne23Forks
Letzter Repository-Push

Extract Design System from Frontend Code

Google Stitch

Extract a comprehensive design system (DESIGN.md) directly from frontend source code — React, Vue, Svelte, Angular, plain HTML/CSS, or any web framework. Analyzes component files, stylesheets, Tailwind configs, theme definitions, and design tokens to produce a rich, Stitch-compatible design system document. Use this skill whenever the user wants to reverse-engineer a design system from an existing codebase, audit the visual language of a project, extract design tokens from source files, or understand the styling patterns in a frontend repo — even if they just say "what does this app look like?" or "pull out the design from this code."

  • design systems
  • documentation
8963Sterne1069Forks
Letzter Repository-Push

Create DESIGN.md

Julien Thibeaut

Create an evidence-based DESIGN.md from a product repository or a rendered public website.

  • design systems
  • documentation
11.066Sterne529Forks
Letzter Repository-Push

Extract Design System

Arvind Ram Singh Kishore

Extract a public website’s colors, typography and other design primitives into starter JSON and CSS tokens.

  • design systems
  • design tokens
287Sterne31Forks
Letzter Repository-Push