设计与 UI
界面设计、视觉系统和产品 UI
Skills 列表
p10
P10 CTO mode — define strategic direction, design org topology, manage P9 teams. Use when user says 'CTO模式', 'P10', '战略规划', '架构委员会', or when facing cross-team architectural decisions. Produces: strategic input templates + org design.
tanweai
video-use
通过对话编辑任意视频。转录、剪辑、调色、生成叠加动画、烧录字幕——适用于人物访谈、混剪、教程、旅行、采访。无预设，无菜单。提问、确认计划、执行、迭代、持续。制作正确性规则是硬性的；其他一切皆为艺术自由。
browser-use
find-animation-opportunities
搜索代码库或UI中缺少动画但应该添加动画的位置，并拒绝所有不应该添加动画的位置。只读；它提出带有精确值的动效方案，但不实现。当用户询问“这里可以添加什么动画？”或希望“让这个界面更有活力”时使用。如需修复现有动画，请改用 improve-animations 或 review-animations。
emilkowalski
ink
Ink terminal renderer for json-render that turns JSON specs into interactive terminal UIs. Use when working with @json-render/ink, building terminal UIs from JSON, creating terminal component catalogs, or rendering AI-generated specs in the terminal.
vercel-labs
flutter-dev
Flutter cross-platform development guide covering widget patterns, Riverpod/Bloc state management, GoRouter navigation, performance optimization, and platform-specific implementations. Includes const optimization, responsive layouts, testing strategies, and DevTools profiling. Use when: building Flutter apps, implementing state management (Riverpod/Bloc), setting up GoRouter navigation, creating custom widgets, optimizing performance, writing widget tests, cross-platform development.
minimax-aiios-application-dev
iOS application development guide covering UIKit, SnapKit, and SwiftUI. Includes touch targets, safe areas, navigation patterns, Dynamic Type, Dark Mode, accessibility, collection views, common UI components, and SwiftUI design guidelines. For detailed references on specific topics, see the reference files. Use when: developing iOS apps, implementing UI, reviewing iOS code, working with UIKit/SnapKit/SwiftUI layouts, building iPhone interfaces, Swift mobile development, Apple HIG compliance, iOS accessibility implementation.
minimax-aiandroid-native-dev
Android 原生应用开发与 UI 设计指南。涵盖 Material Design 3、Kotlin/Compose 开发、项目配置、无障碍功能以及构建排错等内容。进行 Android 原生应用开发前请先阅读本指南。
minimax-aivision-analysis
使用 MiniMax 视觉 MCP 工具对图片进行分析、描述和提取信息。适用场景：用户发送了图片文件路径或 URL（消息中包含 .jpg、.jpeg、.png、.gif、.webp、.bmp 或 .svg 等扩展名），或在涉及图片、截图、架构图、图表、UI 原型、线框图或照片时使用了以下词汇/短语：“分析”、“描述”、“解释”、“理解”、“看看”、“评审”、“提取文本”、“OCR”、“里面有什么”、“读取图片”、“看下这张图”、“告诉我”、“解读”。此外还适用于：UI 原型评审、线框图分析、设计点评、图表数据提取、目标检测、人物/动物/活动识别。触发条件：任何包含图片扩展名（jpg, jpeg, png, gif, webp, bmp, svg）的消息，或任何要求对图片、截图、架构图、图表、照片、原型或线框图进行分析/描述/理解/评审/提取文本的请求。
minimax-aiminimax-pdf
当PDF的视觉质量和设计风格至关重要时，使用此技能。CREATE（从零生成）：“制作PDF”、“生成报告”、“撰写提案”、“创建简历”、“精美PDF”、“专业文档”、“封面页”、“精致PDF”、“客户就绪文档”。FILL（填写表单字段）：“填写表单”、“填写此PDF”、“完成表单字段”、“将值写入PDF”、“此PDF有哪些字段”。REFORMAT（对现有文档应用设计）：“重新格式化此文档”、“应用我们的样式”、“将此Markdown/文本转换为PDF”、“让此文档看起来更好”、“重新设计此PDF”。此技能使用基于标记的设计系统：颜色、排版和间距源自文档类型，并贯穿每一页。输出为打印就绪。当外观重要时，优先使用此技能，而不仅仅是需要任何PDF输出时。
minimax-aipptx-generator
生成、编辑和读取PowerPoint演示文稿。使用PptxGenJS从头创建（封面、目录、内容、章节分隔、总结幻灯片），通过XML工作流编辑现有PPTX，或使用markitdown提取文本。触发词：PPT、PPTX、PowerPoint、演示文稿、幻灯片、deck、slides。
minimax-ai
openseo-release-notes
Cut an OpenSEO release — bump the version, draft user-facing release notes from commits since the last tag, run a review + subagent-verification pass, and open a "release: vX.X.X" PR. Use when the user asks to prepare a release, bump the version, or write release notes.
every-app
seo-sxo
搜索体验优化：反向读取Google SERP以检测页面类型不匹配，从搜索意图信号中推导用户故事，并从多个用户画像角度对页面进行评分。通过分析Google对每个关键词的奖励机制，找出优化良好的页面未能排名的原因。当用户提到“SXO”、“搜索体验”、“页面类型不匹配”、“SERP分析”、“用户故事”、“用户画像评分”、“为什么我的页面没有排名”、“意图不匹配”或“线框图”时使用。
agricidanielapple-design
Apple 的界面设计与流畅物理动效方法，转化为 Web 实现。适用于构建或审查手势驱动的 UI、弹簧动画、拖拽/滑动/面板交互、动量和可中断过渡、半透明材质与深度、排版（光学尺寸、字距、行距）、减少动效，或 Apple 风格界面背后的设计基础（反馈、空间一致性、克制）。
emilkowalski
gpt-image-2
面向 GPT Image 2 的图像生成 / 编辑技能。可在 3 种环境下使用：(A) Garden 本地模式，通过 OpenAI 兼容接口直接出图并落盘；(B) Host-Native 模式，把本 Skill 当作提示词工程指引，把渲染好的 prompt 交给宿主 Agent 自带的图像工具出图；(C) Advisor 模式，宿主无任何图像工具时退化为高质量 prompt 顾问。涵盖 18 大类、80+ 个结构化模板，覆盖海报 / UI / 产品 / 信息图 / 学术图 / 技术架构图 / 漫画 / 头像 / 流程板 / 电影分镜 / IP 周边 / 编辑工作流等场景。
conardli
kami
专业级文档与产品落地页排版：涵盖个人简历、单页方案 (one-pager)、白皮书、公函信件、作品集、演示文稿 (slides/PPT) 以及产品落地页。采用温润羊皮纸画幅、墨蓝点缀色与衬线主导的视觉层级。中文默认使用仓耳今楷 (TsangerJinKai02)，英文使用 Charter，日文尽量适配明朝体 (YuMincho)。触发词包括："做 PDF / 排版 / 一页纸 / 白皮书 / 作品集 / 简历 / PPT / slides / Marp / markdown slides / マークダウンのスライド / 落地页 / 官网 / landing page / product page"，或 "build me a resume / make a one-pager / design a slide deck / turn this into a PDF / make this presentable / create a landing page"。
tw93web-design-engineer
使用 HTML/CSS/JavaScript/React 构建或重构精致的浏览器渲染视觉产物：涵盖网页、仪表盘、原型、演示文稿 (Slide Deck)、动效、UI 效果图及数据可视化。适用于视觉前端开发、设计系统探索、设计评审，或 Web 产物的浏览器端显式验收/QA。不适用于后端开发、CLI 工具、无视觉交互的代码编写、源文件转长篇文档/文章，以及由旁白驱动的点播视频演示。
conardli
dbs-content-risk-check
面向创作者的内容发布风险检查。逐句检查自媒体、社交媒体和内容平台的标题、正文、图片文字、字幕、口播、评论、账号资料及视频画面，分别判断平台机器可能识别什么、内容本身存在什么实质问题，并给出具体位置和最小修改动作；需要明确视频语境边界时，额外生成真实准确的三行贴片小字。用户询问「检查敏感词」「发布前排雷」「这篇内容哪里可能违规」「这条小红书能不能发」「视频上放什么声明」时使用。保留强观点、情绪张力、个人风格和传播钩子。
dontbesilent2025
watch
观看视频（URL 或本地路径）。使用 yt-dlp 下载，用 ffmpeg 提取自动缩放的帧，从字幕（或 Whisper API 后备）获取转录，并将结果交给 Claude，以便回答关于视频内容的问题。
bradautomates
shadcn-svelte
管理 shadcn-svelte 组件和项目——添加、更新、修复、调试、样式化和组合 UI。提供项目上下文、组件文档和使用示例。适用于使用 shadcn-svelte、CLI、设计系统预设或任何包含 components.json 文件的项目。当触发“shadcn-svelte init”、“add component”或注册表 URL 时也会生效。
huntabyte
cad
创建、修改、检查和验证以STEP为首要格式的参数化CAD零件和装配体。用于自然语言CAD规格、参考图像、2D技术图纸、STEP/STP生成或直接检查、Python CAD源代码、源代码级关节、选择器引用、几何事实、测量、配合偏差、快照，以及从CAD几何体生成的次要STL/3MF/原生GLB输出。
earthtojake
brainstorming
在任何创造性工作之前必须使用此技能——创建功能、构建组件、添加功能或修改行为。在实现之前先探索用户意图、需求和设计。
jnmetacode
stitch-design
Stitch 设计工作的统一入口。处理提示增强（UI/UX 关键词、氛围）、设计系统综合（.stitch/DESIGN.md），以及通过 Stitch MCP 进行高保真屏幕生成/编辑。
google-labs-codeads-dna
从授权网站和运营者输入中提取适用于付费广告的公开安全品牌和产品资料。触发词：品牌DNA、品牌资料、品牌标识、品牌风格、品牌色彩、品牌声音、视觉识别、风格指南、网站品牌分析。
agricidaniel
create-design-md
Create or update a DESIGN.md from an existing product repository or public website. Use when asked to document an interface's design language, reconstruct its visual system, extract design tokens and guidance from current evidence, or give coding agents persistent UI context. Do not modify product source or promote accidental implementation patterns into design decisions.
ibelick