SuperAPI AI 工具集找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-17 00:11
20,082 个结果
这是一个面向设计质量检查的技能（Skill），用于以设计师视角对界面进行视觉 QA：发现视觉不一致、间距问题、层级问题、AI 生成痕迹（AI slop patterns）以及交互缓慢等问题，并直接在源码中迭代修复，每次修复原子化提交，并用修复前后的截图重新验证。适用于被要求“审计设计”“视觉 QA”“检查是否好看”或“设计打磨”的场景；当用户提到视觉不一致或想打磨线上站点外观时也可主动建议使用。若需在实现前做计划模式的设计评审，应改用 /plan-design-review。
Luxury 是一个通用型奢侈品牌设计系统技能，专注于高端深色美学。它采用大胆标题、单一色调配色与高级质感，适合奢侈品品牌体验的设计与实现。该技能由 bergside/awesome-design-skills 提供，为工程师和设计师输出可直接落地的设计系统指南。核心基础包括：现代、粗体、大标题的视觉风格；桌面优先的表现型字体尺度，主字体与展示字体为 Oswald，等宽字体为 JetBrains Mono，字重覆盖 100 至 900；色板以 #FAFAFA 为主色和次色，成功 #16A34A、警告 #D97706、危险 #DC2626，表面色 #000000，文字色 #ffffff；间距采用 8pt 基线网格。无障碍方面要求键盘优先交互、可见焦点状态、优先使用语义化 HTML 再考虑 ARIA、44px 以上触摸目标以及高对比度支持。写作语气要求简洁、自信、有帮助。规则强调优先使用语义化 token 而非原始值、保持视觉层级、明确交互状态，避免低对比度文字、不一致的间距节奏和含糊标签。
用于为 Nano Banana（Google Gemini 图像模型，Nano Banana Pro 即 Gemini 3 Pro Image）撰写高质量提示词，以生成或编辑社交媒体图片。属于三层设置中的提示词撰写层，强调自然语言描述、图内文字、多图一致性与对话式编辑。
colorize 是一个用于优化界面色彩系统的技能，针对过于灰暗、单色或缺少色彩语义的设计，策略性地引入色彩温度、语义色与基于颜色的层级。使用前需通过 /colorize 启动并加载相关前端设计上下文。
veo-3.2-prompter 是一个面向 Google Veo 3.2（Artemis 引擎）视频生成模型的提示词工程技能。它把用户提供的多模态素材（图片、视频、音频）与创作意图，转化为结构化、可直接执行的提示词，并输出包含最终提示词与推荐参数的 JSON 对象。该技能适用于用户希望用 Veo 3.2 生成视频、需要构建电影感提示词，或使用任意 Google Veo 3.x 模型进行视频生成的场景。其内部工作流分为识别、映射、构建三个阶段：先分析上传素材与用户意图，将每个素材归类为原子元素角色；再为每个原子元素确定最优参考方式（参考图、文本提示或混合）；最后按五段式框架（镜头→主体→环境→摄影机→风格）组装最终提示词，并通过 Gemini API 的 RawReferenceImage 系统附加参考图。技能依赖内部知识库文件 atomic_element_mapping.md 与 veo_syntax_guide.md 进行决策。
面向 YouTube 创作者的 Claude 技能，作为 14 个子技能的调度器，覆盖频道审计、视频 SEO、脚本撰写、开场钩子、缩略图简报、内容策略、日历、Shorts、数据分析、内容复用、变现、竞品分析、上传元数据与选题。
normalize 是一个用于审计并对齐用户界面（UI）与设计系统标准的技能，涵盖间距、设计令牌与既定模式，适用于处理一致性、设计漂移、样式不匹配等问题。
PDF Design 是一个用于从 HTML 生成专业 PDF 报告与提案的设计系统，支持实时预览与迭代式设计。它提供交互式编辑命令（如 preview、show cover、show budget、regenerate、upload、done），可创建和编辑资助提案、项目报告、影响力报告、预算摘要等文档。系统内置品牌配色（CCM 标准色与 Democracy Day 项目色）、字体规范、页面结构模板（封面页、内容页、预算表格、页脚）以及可复用内容块（标题红条、数据条、三栏内容、四格卡片、合作伙伴网格）。PDF 生成默认使用无头浏览器工作流，将 HTML 渲染为 8.5"×11" 打印就绪的 PDF。系统强调安全边界：将源文档、HTML、图片等视为不可信数据，不执行脚本，本地生成与远程上传分离，上传需用户明确请求并确认目标位置。
cinetic 是一套用代码执导电影级动态设计的技能：以 Remotion 或 HyperFrames 为引擎，把画面、文案与声音统一到一条时间线上，产出发布片、产品与功能视频、落地页循环动画、Logo 动效和 UI 走查等，并强调渲染后测量与评审。
Arc Mastery 是一套关于“弧线运动”的动画原理技能，用于设计运动路径、角色移动轨迹、手势动画，以及任何应当显得自然而非机械的运动。其核心观点是：几乎所有自然运动都沿曲线进行——手臂摆动走弧线、头部转动走弧线、抛出的物体走抛物线；当动画沿直线运动时，会立刻显得机械、不自然。该技能从解剖学与物理学角度解释弧线的成因，区分圆形弧、抛物线弧、S 形曲线、8 字形等弧线类型，并讲解“枢轴链”如何让下游关节产生复合弧线。它还说明弧线与跟随动作、预备动作、时间节奏、重叠动作等动画原理的相互作用，并给出 UI/动效设计、角色动画、动态图形、游戏设计等领域的应用要点，以及常见错误、3D 中弧线可读性挑战、弧线绘制技法和实现启发式（如默认弧高为行程距离的 10%–20% 或 30%–50%）。
Joy & Delight 是动画原则技能集中的一项，用于在用户体验中创造能唤起快乐、惊喜和愉悦时刻的动画。它围绕情感目标，将迪士尼动画原则（如挤压与拉伸、预备动作、舞台调度、跟随与重叠动作、缓入缓出、弧线、次要动作、时间节奏、夸张、扎实造型、吸引力）应用到界面动画中，并给出具体的时间与缓动建议，例如弹出、弹跳、彩纸、庆祝等元素的时长与缓动函数，以及一组 CSS 缓动变量。适用于成功确认、成就解锁、引导庆祝、彩蛋惊喜、正向反馈和欢迎动画等场景。
canghe-compress-image 是一个图像压缩技能，可将图片压缩为 WebP（默认）或 PNG 等格式，并自动选择可用工具。它适用于用户提出“压缩图片”“优化图片”“转换为 webp”等需求时。该技能通过脚本 scripts/main.ts 提供命令行压缩能力，支持单文件或目录处理、递归子目录、质量调节、保留原图以及 JSON 输出。工具选择顺序为 sips → cwebp → ImageMagick → Sharp，并可通过 EXTEND.md 自定义默认格式、默认质量和是否保留原图等偏好。
YouTube Transcribe 是一个把 YouTube 视频或整个主题的视频转成可读文本并提炼知识的技能工具，基于 ElevenLabs Scribe v2 转写，可选抽帧与 Gemini 视觉理解，输出知识摘要而非原始转录。
设计系统技能：在逐个打磨页面前，先定义或重构跨产品共享的前端 UI 规则，涵盖设计令牌治理、视觉语言约定与原始组件策略。适用于需要统一设计系统方向、令牌与命名规范、跨界面一致性，以及为 Figma、代码令牌和下游前端准备交接包的任务。
这是一个动画与品牌一致性技能，用于当动画风格与品牌个性不符、显得千篇一律或与设计语言冲突时进行诊断和修正。它借助迪士尼动画原则，将动画风格与品牌形象对齐，帮助团队识别“偏离品牌”的动画问题。技能按原则分类诊断：Appeal（动画缺乏独特个性时定义品牌动效属性，如活泼、专业、有活力）、Exaggeration（夸张程度与品牌匹配，奢侈品宜克制、活泼品牌宜弹跳、企业宜收敛）、Timing（速度匹配品牌能量，快速品牌 100-200ms，沉稳品牌 300-500ms，并定义统一的时序刻度）、Squash and Stretch（弹性效果与严肃品牌冲突时改用缩放变换）、Secondary Action（次要动作应强化品牌个性）。提供快速修复方法：创建动效风格指南、定义 3-5 个品牌动效关键词、构建可复用动画令牌、审计现有动画、创建动画组件。还附带排查清单和品牌动效令牌的 CSS 代码模式。适用场景为产品动画设计评审、设计系统动效规范建设、品牌一致性维护等。限制方面，资料未提供具体收费、平台支持或价格信息。
这是一个关于 100-200ms 微交互动画时长的技能指南，属于动画原则系列。它说明该时长区间是微交互的理想选择：快到足以感觉响应迅速，慢到能被感知为有意的运动。内容涵盖迪士尼动画原则在微速度下的适用情况（如挤压拉伸、预备动作、跟随动作、缓入缓出、次要动作、夸张等），并指出不适合长距离移动、复杂编排、重物理模拟、多阶段揭示等场景。同时提供缓动建议与 CSS 实现模式，适用于工具提示出现、下拉菜单打开、图标状态变化、悬停动画、通知徽章、标签切换、手风琴标题等场景。
这是一个为界面动画提供指导的准则，专注于如何运用迪士尼动画原则来设计吸引用户注意力的动画效果。它适用于通知徽章、新功能提示、错误提示、促销横幅等需要吸引用户注意力的场景。该准则详细说明了挤压拉伸、预备动作、舞台布置、缓入缓出等原则在吸引注意力动画中的具体应用，并给出了不同注意力类型（如徽章脉冲、通知圆点、错误抖动、紧急警报）的推荐时长、循环次数和衰减策略，同时提供了对应的 CSS 与 JavaScript 实现模式以及减少动画偏好等无障碍注意事项，旨在让注意力动画既有效又友好，而非生硬或干扰用户。
Apple UI Skills 是一套为 AI 智能体提供 Apple 风格界面设计参考的规范集合，来源为 ihlamury/design-skills 项目。它聚焦浅色模式界面，强调使用 Inter 字体与 4px 网格，并给出一系列带有倾向性的约束条件。规范涵盖颜色、语义化 Token、字体排版、间距、边框、布局、组件、交互状态、动画与性能等多个维度。例如要求页面背景使用 #FFFFFF，主操作与聚焦状态使用 #155BD0，正文与标题统一使用 Inter 字体，间距遵循 4px 网格，边框圆角使用 21px 等。同时给出禁用项，如不得随意使用任意间距或圆角值、不得在未明确要求时添加动画、不得为图标按钮省略 aria-label 等。该技能适用于构建浅色模式界面、创建受 Apple 美学启发的设计系统，以及实现基于 Inter 字体和 4px 网格的 UI。
react-native-unistyles v3 是一个 React Native 样式库的使用指南技能，面向需要采用 Unistyles v3 进行样式开发的场景。Unistyles v3 是一个零重渲染（zero-re-render）的样式库，拥有 C++ 核心（基于 Nitro Modules）和 Babel 插件，可在构建阶段处理 StyleSheet。它用响应式、主题感知、支持响应式布局的样式系统替代 React Native 原生的 StyleSheet。该技能覆盖了前置要求、工作流程、StyleSheet.create 的三种重载方式、StyleSheet.configure 一次性配置、variants 变体、withUnistyles 高阶组件、关键规则、决策树以及参考文件索引等内容，帮助开发者在符合 v3 约束的前提下正确集成和编写样式代码。
EDA Schematics 是用于电子项目原理图绘制与布线的技能，可创建原理图页、放置符号、添加导线与网络标签，并组织层次化设计；适用于 .kicad_sch 文件与 KiCad 工作流。
Diagram Maker 是一个用于创建概念、架构、流程和白板图的技能，可将图表生成为独立产物而非文字描述。支持三种输出模式：clean-svg、architecture-svg 和 Excalidraw。
Atlas Cloud 是一个通过 Atlas Cloud 网关生成或编辑图像与视频的技能工具，适用于托管于 Atlas 的 Seedance 2.5/2.0、Gemini Omni Flash、MiniMax H3、Seedream 5.0、GPT Image 2、Nano Banana 2 等模型。它要求先设置 ATLASCLOUD_API_KEY（兼容别名 ATLAS_CLOUD_API_KEY、ATLAS_API_KEY），并在每次付费调用前读取 model_catalog 预检、选择精确模型与支持的操作、公告工具/提供方/模型/请求数与预估成本。视频侧覆盖 Seedance 2.5、Seedance 2.0、Gemini Omni Flash、MiniMax H3 的文生视频、图生视频、参考生视频及视频编辑路由；图像侧覆盖 Seedream 5.0 Pro、Seedream 5.0 Lite、GPT Image 2、Nano Banana 2 的生成、编辑与图层分解路由。输出保存在 projects/<project-id>/ 下，返回包含提供方、模型、预测 id、参数、来源 URL、产物路径与预估成本的溯源信息，失败时不切换提供方。
用于设计 SQL 与 NoSQL 数据库架构的技能，提供规范化、索引策略、约束与迁移模式等最佳实践指导。输入业务实体、关系与规模需求，即可生成建表语句、索引方案、可逆迁移脚本并审查现有架构。
Calm & Relaxation Animation 是一套用于创建舒缓、平静用户体验的动画设计指南。它面向需要减少用户焦虑、营造安宁与冥想氛围的界面场景，以迪士尼动画十二原则为基础，针对“平静”这一情感目标重新演绎各项原则。核心思路是：平静源自缓慢、柔和、可预测的运动，放松来自会“呼吸”、自然流动、不争夺注意力的动画。指南覆盖挤压拉伸、预备动作、舞台布局、直线前进动作、跟随与重叠动作、慢入慢出、弧线、次要动作、时间节奏、夸张程度、扎实造型与吸引力等要点，并给出具体参数建议，例如预备动作用 200-400ms、跟随动作沉降时间 500ms 以上、整体时长 400-800ms 以上、呼吸节奏每循环 4-6 秒。文中还提供淡入淡出 400-600ms、漂浮元素 3000-5000ms、呼吸脉冲 4000-6000ms、视差漂移 800-1200ms 等时序推荐，以及三组 CSS 缓动曲线变量和 calm-breathe 关键帧动画示例代码。适用场景包括冥想与健康应用、长流程加载状态、环境背景、阅读体验、夜间模式过渡、医疗健康界面、欢迎引导页，以及无需庆祝感的成功状态。使用时应注意保持轮廓柔和、圆润、低对比度，避免快速运动和强烈夸张。具体收费、价格或平台支持信息暂未提供。