设计系统

使用 brand-guidelines skill，可将 Anthropic 的品牌配色与字体规范应用到文档、视觉内容及其他需要统一官方风格的产出物中。

面向品牌形象、design tokens、UI 样式、标志与图标生成、CIP（企业形象识别系统）物料、HTML 演示文稿、横幅以及各大平台社交配图的统一设计技能。

在一个技能中统一设计 token 架构、组件规格和演示幻灯片系统。使用 ckm:design-system 定义三层 token，生成并校验 CSS variables，规划 Tailwind 主题，并组装品牌风格统一的幻灯片版式与叙事结构。

使用 shadcn/ui、Radix UI primitives、Tailwind CSS 实用类样式和精选 canvas 字体设计精致且易用的界面。非常适合需要一致主题、响应式布局以及可直接上线 UI 模式的 React 和 Next.js 团队。

ui-ux-pro-max 为 Web 和移动端提供可搜索的 UI/UX 设计智能层。它集成了 50+ 风格、161 套配色方案、57 组字体搭配、161 类产品类型、99 条 UX 指南，以及 25 种图表类型，覆盖 10 大技术栈（React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter、Tailwind、shadcn/ui 和 HTML/CSS），帮助你做布局规划、视觉走向、交互模式设计和 UX 质量检查。