SuperAPI AI 工具集

material-ui-theming

编程与开发

查看项目

更新于 10-16 01:30

技能介绍

用途:该技能面向 Material UI 的主题创建与设计令牌配置,帮助智能体在项目中正确搭建主题体系。入口为 SKILL.md,完整指南见 AGENTS.md。

主要能力:涵盖 createTheme、ThemeProvider、useTheme、CssBaseline 的使用;colorSchemes、useColorScheme 及存储与 SSR 行为;cssVariables: true、theme.vars、applyStyles('dark', …);自定义主题键与 TypeScript 模块增强。

AGENTS.md 章节:核心设置(导入、Provider 放置、useTheme);令牌映射(palette、typography、spacing、shape、breakpoints、components 等);调色板(main 与派生颜色、@mui/material/colors、mode);配色方案(与仅 palette 的对比、水合、ThemeProvider 属性);CSS 变量(cssVariables、保留变量、避免闪烁);组合(多步 createTheme、deepmerge、嵌套 Provider);自定义令牌(增强 Theme / ThemeOptions)。

使用方式:先读 SKILL.md 作为入口,再按 AGENTS.md 的完整说明与链接操作;TypeScript 代码片段见 reference.md。

限制:资料未提供具体版本要求、安装命令、收费信息或平台支持范围,暂未提供。