设计与前端 Claude Skills
TypeUI 设计基础原则
为 AI 生成界面提供与设计系统无关的通用 UI/UX 准则，在缺少具体规范或美学与无障碍冲突时给出可依据的判断。
学术论文配图提示词生成器
阅读你的论文，为 AI 生图工具生成顶会级别的英文配图提示词，覆盖框架图、架构图、模块图、对比图和数据模板图。
capcut-cli：剪映/CapCut 草稿命令行编辑器
在终端里直接读写剪映/CapCut 本地草稿——字幕、变速、音量、模板、长视频切条，无需任何 API 或服务器，成品在 CapCut 中仍可编辑。
学术配图提示词生成器（现代柔彩 ML 风格）
阅读你的论文，直接产出可粘贴到 AI 绘图工具的极详细英文提示词，生成对标 ICLR/NeurIPS/ICML 顶会审美的现代柔彩风格学术配图。
Petal 设计系统技能（petal-design）
为 Phoenix/LiveView 项目注入 petal_components 的设计规范，让 AI 写出与官方组件无异的 HEEx 界面。
DfAM Check —— 3D 打印可制造性检查
在切片或打印前，按工艺逐项测量网格文件是否符合增材制造设计规则，给出保守、有证据支撑的可打印性报告。
Color Expert 颜色科学专家技能
将编码代理变成颜色科学专家：涵盖色彩空间、无障碍对比度、调色板生成、颜料混合与历史色彩理论的完整知识库。
imagegen-frontend-mobile — 移动端 App 视觉生成技能
为 AI 代理提供提升移动端 App 界面设计质量的技能，生成具有高级感、原创性、非千篇一律的 App 屏幕与流程概念图。
Kami · 纸
专业文档与落地页的排版系统：暖米纸底色、墨蓝点缀、衬线层次，一份设计语言贯穿简历、白皮书、PPT 与官网。
动效设计原则
按项目情境加权三种动效哲学，帮助你生成有目的的动效或审查现有动画。
Dashmotion
把一句自然语言或 Mermaid 源码变成会动的技术图：一个自包含的 HTML/SVG 文件，虚线流动、光点穿行，无需任何依赖。
Auteur
像导演拍电影一样指挥 Claude Code 建站：先锁定艺术方向，再生成资产、构建页面，并用可执行的反套路检查封锁每一次发布。
Draw.io 图表生成技能
让 AI 助手直接生成原生 .drawio 图表文件，并可导出 PNG/SVG/PDF 或生成浏览器编辑链接，无需任何 MCP 配置。
Video ShotCraft：电影感产品视频制作技能
让 Claude Code / Codex 变成动效工作室：用 157 张镜头配方卡、Remotion 模板和声音设计，把产品网页变成一支电影感宣传片。
独特前端设计指导
帮助你为界面建立有辨识度、非模板化的视觉方向。
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 拖拽排序实践指南，专门解决变宽条目、换行布局和移动端触摸交互中最容易踩的坑。