字体排印

frontend-slides 可帮助你从零创建动效丰富的 HTML 演示文稿，也可以通过转换 PowerPoint 文件来完成。适合用于演讲、路演 deck、工作坊、内部演示，以及做 frontend-slides for UI Design 时的视觉探索；当你需要零依赖的浏览器输出、并且希望幻灯片刚好适配单个视口时，这个 skill 很合适。

使用 frontend-design 构建有鲜明视觉主张、可直接投入生产的前端界面。这个 frontend-design 技能适用于着陆页、仪表盘、应用壳和各类组件，尤其适合层级、字体排版、动效和整体质感与实现同样重要的场景。它还包含面向 design-first UI 工作的安装与使用指引。

使用 design-system skill 生成或审核 UI 系统，从现有代码中提取 tokens，并在真实仓库中检查样式一致性。

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

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

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

design-consultation 是一项 design-consultation 技能，用于把粗略的产品想法转化为完整的设计方向。它会生成 DESIGN.md 作为单一事实来源，并提供预览，以及关于字体、颜色、间距、布局和动效的系统级指导。适合新产品和需要统一起点的 UI 界面。

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

ckm:ui-styling 帮助你用 shadcn/ui、Tailwind CSS 和 canvas 视觉设计创建无障碍、可投产的用户界面。适合基于 React 的项目，支持结构化响应式布局、无障碍组件、暗色模式和一致的设计系统。适用于 UI 设计、主题定制和高效原型开发，提供实用、面向技术栈的指导。

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

ckm:brand 是一款品牌工作流 skill，用于创建、更新和审查品牌指南、品牌信息、语调、视觉识别，以及通过实用脚本和检查清单同步 design tokens。

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

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

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

使用 responsive-design 技能规划并实现自适应 UI 布局，涵盖 container queries、fluid typography、CSS Grid、Flexbox 以及 mobile-first breakpoints，内容来自 wshobson/agents 仓库。

typeset 通过修正字体选择、层级、字号、字重和可读性来提升 UI 排版，让文字更有意图感。若 UI 设计中的文案显得普通、不统一或难以快速扫读，而你又希望用更清晰的排版体系减少试错，就使用 typeset 技能。

quieter 是一项用于打磨 UI 设计的 refinement 技能，适合在界面显得过于强烈、嘈杂或造成感官负担时使用，在保留清晰度、层级关系和品牌意图的前提下降低视觉攻击性。它最适合在父级 `$impeccable` 技能之后使用，帮助团队先判断强烈感的来源，再做有针对性的调整。

polish 是一项用于最终复核的 UI 审查技能，专门在发布前检查对齐、间距、一致性、token 使用和微细节问题。它最适合那些功能已经可用，但整体感觉“差一点，还不够精致”的界面、流程或组件。你可以用它提升上线就绪度、设计系统对齐度和整体质量，而不必做不必要的重设计。

impeccable 可帮助你打造有辨识度、可直接用于生产的前端 UI，而不是千篇一律、带有明显 AI 痕迹的界面。它支持 craft、teach 和 extract 三种工作流，可用于页面、web components、应用界面、海报及其他设计驱动型前端场景，因此适合 UI Design、设计上下文搭建以及可复用模式提取。

harden skill 用于把 UI 设计和界面规范打磨到可上线状态，重点检查边界情况、空状态、错误处理、超长文本、本地化、权限限制以及其他真实环境中的失败场景。若你在做面向 UI Design 的 harden，希望减少布局意外并补齐更完整的交互与行为规则，这个技能会很合适。

impeccable 是一款面向 UI 设计与前端开发的 skill，可用于打造有辨识度、可投入生产的界面。你可以通过 craft、teach 或 extract 工作流推进设计、加载高相关参考资料，并实现更精致的组件、页面与设计系统模式；同时它也提供了更明确的安装与使用指引。

brandkit 是一款面向品牌设计工作的高端品牌套件图像生成技能，适用于 logo 系统、品牌识别 deck、视觉规范板和带明确艺术指导的品牌展示。它专为创业公司、开发者工具、安全、游戏、消费级应用和奢侈概念等场景生成统一、工作室风格的结果而设计。当你想要的是完整、精致的品牌世界，而不是通用的 AI moodboard 时，就该用 brandkit。

industrial-brutalist-ui UI设计技能用于打造机械感、高密度界面，融合瑞士风格网格、强烈的字体对比、实用主义配色和模拟纹理。这个 industrial-brutalist-ui 指南适合看板、编辑系统和作品集页面，帮助它们呈现克制、明确的控制台式视觉气质。

bolder 可在不牺牲可用性的前提下，让过于安全、平淡的 UI 设计更有辨识度。了解何时适合使用 bolder、必须先执行的 $frontend-design 前置步骤，以及如何通过更有力的 prompts、问题诊断和可控的视觉强化来取得更好的设计效果。