适合设计师的 Claude Skills
TypeUI 设计基础原则
为 AI 生成界面提供与设计系统无关的通用 UI/UX 准则,在缺少具体规范或美学与无障碍冲突时给出可依据的判断。
学术论文配图提示词生成器
阅读你的论文,为 AI 生图工具生成顶会级别的英文配图提示词,覆盖框架图、架构图、模块图、对比图和数据模板图。
学术配图提示词生成器(现代柔彩 ML 风格)
阅读你的论文,直接产出可粘贴到 AI 绘图工具的极详细英文提示词,生成对标 ICLR/NeurIPS/ICML 顶会审美的现代柔彩风格学术配图。
Color Expert 颜色科学专家技能
将编码代理变成颜色科学专家:涵盖色彩空间、无障碍对比度、调色板生成、颜料混合与历史色彩理论的完整知识库。
imagegen-frontend-mobile — 移动端 App 视觉生成技能
为 AI 代理提供提升移动端 App 界面设计质量的技能,生成具有高级感、原创性、非千篇一律的 App 屏幕与流程概念图。
Kami · 纸
专业文档与落地页的排版系统:暖米纸底色、墨蓝点缀、衬线层次,一份设计语言贯穿简历、白皮书、PPT 与官网。
动效设计原则
按项目情境加权三种动效哲学,帮助你生成有目的的动效或审查现有动画。
Dashmotion
把一句自然语言或 Mermaid 源码变成会动的技术图:一个自包含的 HTML/SVG 文件,虚线流动、光点穿行,无需任何依赖。
Draw.io 图表生成技能
让 AI 助手直接生成原生 .drawio 图表文件,并可导出 PNG/SVG/PDF 或生成浏览器编辑链接,无需任何 MCP 配置。
独特前端设计指导
帮助你为界面建立有辨识度、非模板化的视觉方向。
OfficeCLI Morph-PPT 技能
为 AI 代理打造的 PowerPoint 平滑过渡(Morph)动画技能,可生成具有跨幻灯片连续运动的 .pptx 文件。
Slides Grab HTML 幻灯片技能
在 Claude Code / Codex 中生成语义化 HTML 幻灯片,配 AI 定制配图、设计审查关卡与 PDF/PPTX 导出。
Design Is 设计审计
依据 Dieter Rams 十项原则审计设计,产出分数、裁决,并生成可直接执行的 /make-plan 提示。
TypeUI for Grok
让 Grok 在构建或优化界面时,自动接入 TypeUI 的设计技能、品牌套件、UI 提示词与布局变体指引,生成更符合项目风格的 UI。
TypeUI(Hermes Agent 设计技能)
为 Hermes Agent 接入 TypeUI MCP 服务器,在生成或改写 UI 时提供项目设计技能、品牌套件、UI 提示词与布局变体指导,避免 AI 产出脱离品牌与设计规范的界面。
TypeUI(OpenClaw 版)
通过 TypeUI MCP 服务器为 AI 代理注入项目设计技能、品牌套件、UI 提示词和布局变体指导,让生成的界面更符合设计规范。
原型提示词生成器
把模糊的界面需求转化为可直接交给 AI 或开发者的、含完整设计规范的结构化原型提示词。
Theme Factory(主题工厂)
为幻灯片、文档、报告和落地页等产物快速套用专业配色与字体主题,也可按需即时生成新主题。
OpenChamber 拖拽排序技能(drag-to-reorder)
一份沉淀自真实项目的 @dnd-kit 拖拽排序实践指南,专门解决变宽条目、换行布局和移动端触摸交互中最容易踩的坑。
VS Code 设计哲学
用价值、原则和设计动作,把“看起来不对”转化为可执行的界面改进。
AnyDesign 设计分析技能
把截图、网站和 Figma 文件变成结构化、可执行的设计规格,让任何 AI 或设计师都能照着重建设计。
Apple Liquid Glass 设计技能
让 AI 编码代理直接产出苹果级别的「macOS 液态玻璃」风格网页界面,用可执行的设计规则替代泛泛的风格提示。
OpenChamber 主题系统技能
在修改 OpenChamber UI 时,强制使用语义化主题令牌、共享按钮/图标契约与键盘导航规范,避免硬编码颜色和重复实现。
SwiftUI 设计技能
让 SwiftUI 界面看起来是精心设计而非 AI 生成的:六条铁律、设计方向咨询、品牌资产协议与五维评审一体化。