SuperAPI AI 工具集

material-ui-theming

编程与开发

查看项目

更新于 10-16 01:30

技能介绍

用途:该技能面向 Material UI 的主题创建与设计令牌管理,帮助智能体在需要定制主题、实现明暗模式或使用 CSS 主题变量时给出正确做法。入口为 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)、配色方案(与仅调色板的区别、水合、ThemeProvider 属性)、CSS 变量(cssVariables、保留变量、避免闪烁)、组合(多步 createTheme、deepmerge、嵌套 Provider)、自定义令牌(增强 Theme/ThemeOptions)。

使用方式:以 SKILL.md 为入口,阅读 AGENTS.md 获取完整说明与链接;TypeScript 代码片段参考 reference.md。

适用场景:需要为 Material UI 应用建立主题体系、切换明暗模式、使用 CSS 变量减少闪烁、扩展主题类型时。

限制:资料未提供具体版本要求、安装命令、收费信息或效果保证,相关细节暂未提供。