UI/UX

liquid-glass-design 可帮助你在 SwiftUI、UIKit 和 WidgetKit 中实现 Apple iOS 26 的 Liquid Glass 系统。适用于玻璃质感按钮、卡片、工具栏、容器和小组件，并提供关于形状、色调、交互，以及何时这种效果真正适合 UI 的指导。

healthcare-emr-patterns 是一项面向医疗场景的实用技能，用于 EMR/EHR 设计。它涵盖患者就诊流程、临床记录、用药核对、检验结果高亮、审计追踪、CDSS 集成，以及以无障碍优先的医疗数据录入，帮助打造更安全的临床工作流。

gan-style-harness 是一个面向 Agent Orchestration 的 Generator-Evaluator 技能，帮助构建完整应用，并通过更严格的评审、更好的迭代和更少的薄弱环节来提升交付质量。当你需要用于前端密集型、全栈或更偏生产环境的工作，并且更看重评审质量而不是速度时，就应该使用 gan-style-harness 技能。

brainstorming 是一项面向实现前阶段的技能，用于梳理上下文、逐条提出澄清问题，并要求在任何代码编写之前先完成设计确认。它还包含可选的 visual companion，并对 Requirements Planning 提供了较强支持。

frontend-design 帮你把模糊的 UI 想法，转化为有审美导向的量产级界面，实现真实可用的前端代码，而不是千篇一律的 AI 风格。

theme-factory 是一款精选主题样式技能，适用于幻灯片、文档、报告和落地页。先查看展示页，再从 10 套预设主题中选择，为你的成品统一应用颜色与字体搭配。

canvas-design 通过两步流程创作原创静态视觉：先用 Markdown 写设计理念，再渲染为 .png 或 .pdf。适合海报、封面图、概念视觉，以及少量文字的 UI 周边 campaign graphics。

ux-designer 是一套结构化的 UX 设计技能，覆盖用户研究、无障碍、信息架构、交互流程、线框图指导和 UX 文案。它通过 `AGENTS.md` 与聚焦的规则文件，帮助团队把粗略的产品想法转化为更清晰、基于评估标准的设计决策。

prototype 技能可帮助你先做一段临时代码，在真正实现之前，先回答一个具体问题。它适合用可运行的原型来验证逻辑、状态流转、数据结构或 UI 方向，并且能符合宿主仓库的约定。它特别适合你需要的是一份快速的 prototype 指南，而不是最终功能的时候。

ui-ux-pro-max 是一款面向 AI 辅助 UI/UX 设计的综合技能，提供网页和移动端项目的布局、风格、配色体系、字体排版及 UX 规则等结构化指导。适合需要在 React、Next.js、Vue、Svelte、Tailwind、shadcn/ui、SwiftUI、React Native、Flutter 及 HTML/CSS 等技术栈中做出实用设计决策的开发者和团队。可用于 UI 规划、评审与优化，提升设计智能。

ckm:design-system 基于清晰的 token 架构，帮你构建三层 tokens、组件规格、CSS variables、Tailwind 映射，以及保持品牌一致性的幻灯片素材。

ckm:design 是一项结构化设计技能，用于任务路由并产出 logo、CIP mockup、横幅、幻灯片和 SVG 图标。它提供实用参考、CSV 驱动选项和 Python 脚本，适合需要可复用设计流程的用户，而不只是依赖通用提示词输出。

ckm:banner-design 用于创建横幅、封面、页眉、展示广告和网站 Hero 图，提供结构化 brief、按尺寸推进的工作流与多种视觉方向。适合 UI 设计、营销创意以及面向不同平台的 Banner 概念设计，结合 SKILL.md 与 banner 尺寸/风格参考使用更合适。

accessibility-compliance 技能可帮助团队依据实用的 WCAG 2.2、ARIA、键盘可访问性、屏幕阅读器和移动端无障碍指导，对 Web 或移动 UI 进行审计与改进。适合用于 UX 审计、组件修复以及可直接落地的整改建议。

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

interaction-design 技能可帮助团队设计并实现有明确目的的 UI 动效、微交互、过渡效果、加载状态和反馈模式，并提供实用的 React 导向参考资料与使用建议。

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

web-component-design 技能可帮助团队为 React、Vue 和 Svelte 设计可复用的 UI 组件，提供稳健的 API 模式、无障碍指导，以及面向设计系统的样式取舍参考。

mobile-android-design 可帮助智能体提供更贴近 Android 原生体验的 UI 指导，覆盖 Material Design 3、Jetpack Compose、主题定制、导航，以及适用于手机、平板和折叠屏的自适应布局模式。

mobile-ios-design 技能可帮助智能体基于 Apple HIG 原则、SwiftUI 模式、导航建议、无障碍和自适应布局，产出更符合 iOS 原生体验的 UI 指导，适用于 iPhone 和 iPad。

react-native-design 是一项聚焦 React Native UI 模式的技能，涵盖 StyleSheet 样式、类型化的 React Navigation，以及 Reanimated 3 在跨平台界面中的用法。

kpi-dashboard-design 技能可帮助团队规划以决策为导向的 KPI 仪表盘，涵盖指标选择、仪表盘层级、图表模式，以及面向管理层、战术层和运营层视图的治理建议。

使用 tailwind-design-system skill 构建 Tailwind CSS v4 设计系统，涵盖 tokens、theming、variants、accessibility 以及从 v3 到 v4 的迁移指导。

wcag-audit-patterns 是一套面向无障碍评审的结构化 WCAG 2.2 审核技能。可用于结合自动化检测结果与人工检查，按严重程度和符合性级别对问题排序，并为页面、流程和组件生成可落地的修复建议。