主题设计

design-system-patterns 可帮助团队围绕 token 结构、theming 架构和可复用组件 API 模式，构建设计系统与组件库所需的可扩展 UI 基础。

visual-design-foundations 可帮助团队用字阶体系、颜色 tokens、间距规则和图标规范搭建实用的 UI 系统。你可以用它建立稳固的设计基础、产出 style guide、审查视觉层级，并在清晰设计约束下生成可直接落地的 CSS variables。

colorize 技能可帮助 UI 团队为灰暗或过于平淡的界面加入更有策略性的色彩。了解何时适合使用、需要提供哪些上下文，以及它如何融入 impeccable 工作流，与 $frontend-design 和品牌导向的配色决策配合使用。

audit 技能会对前端产出执行技术型 UX Audit，检查可访问性、性能、主题化、响应式表现以及反模式。它会生成带评分的发现项、P0-P3 严重级别标签和行动计划，但在使用前需要先完成相关 impeccable 技能的必要设置。

normalize skill 用于审查 UI 功能，并将其重新对齐到你的设计系统。了解 normalize 的安装选项、所需的 frontend-design 准备工作，以及它在页面、路由和组件中的实际用法。

了解 colorize 技能如何为灰暗或层次平淡的 UI 设计加入更有策略的色彩。本指南涵盖使用前所需的 frontend-design 准备、仓库中的安装与调用背景，以及在信息层级、语义表达和品牌契合度上的实际用法。

audit skill 用于对页面、功能或组件执行结构化的技术 UX 审核。它会检查可访问性、性能、主题适配、响应式表现以及前端反模式，并返回包含 P0-P3 严重级别和行动计划的评分结果。最适合在完成必需的 /frontend-design 上下文步骤后使用。

expo-tailwind-setup 是一份实用指南，讲解如何在 Expo 中结合 react-native-css 和 NativeWind v5，为 iOS、Android 和 Web 安装并配置 Tailwind CSS v4。

mui 是一份聚焦 Material UI v7 与 React 前端实践的指南，涵盖 `sx` 样式、theme 定制、响应式布局，以及 v7 迁移中的关键变化。你可以用它来判断是否安装该 skill、了解核心文件结构，并基于当前 `@mui/material` 最佳实践生成 MUI 组件。

marp-slide 可帮助 agent 更高效地制作精致的 Marp 幻灯片，提供 7 套主题、可复用模板，以及 Marp 语法、图片和 CSS 参考资料。它适合把零散笔记整理成可直接演示的 markdown，在结构组织、主题选择和整体制作用途中都更省时、更稳妥。

makepad-2.0-theme 是一套面向 Makepad 2.0 的主题技能，用于应用 `theme.*` 变量、切换深色/浅色主题，并保持设计 token 的样式一致性。本指南可帮助你了解 makepad-2.0-theme 的安装与用法，适用于生产级 UI 和设计系统。

figma-generate-library 可帮助你从代码库出发，按顺序完成 tokens、组件库、文档以及浅色/深色主题的设计系统构建或更新。需要的是面向 Design Systems 的实用指南，而不是一次性的 mockup 时，就该用 figma-generate-library。它与 figma-use 互补，用于 Plugin API 调用。

figma-generate-library 可将代码库转化为带有 tokens、variables、components、theming 和文档的 Figma 设计系统库。适合需要分阶段完成 Design Systems 工作流时使用，包括安装、初始化、发现、创建、验证以及与代码对齐等环节。

在 WordPress 区块主题工作中使用 wp-block-themes：涵盖 theme.json、templates、template parts、patterns、style variations 以及 Site Editor 调试。它专为设计实现、安装与使用流程而构建，也适合处理样式层级、覆盖、缓存和用户自定义问题，减少猜测成本。

teach-impeccable 是一个一次性设置技能：它会扫描你的 repo，只询问缺失的 UX 和品牌相关信息，并将可持续复用的设计指导保存下来，供后续 AI 会话使用。