SuperAPI AI 工具集找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-15 00:40
15,740 个结果
colorize 是一个用于为过于单调、灰暗或缺乏视觉趣味的设计添加战略色彩的设计类技能。当界面显得过于单色、缺乏视觉温度和个性时，它可以系统性地引入色彩，让界面更具吸引力与表现力。该技能强调"有策略的色彩胜过彩虹乱喷"，主张每种颜色都应有明确目的，而非随意堆砌。使用前必须先调用 /impeccable 以获取设计原则、反模式与上下文收集协议；若尚无设计上下文，则必须先运行 /impeccable teach，同时收集现有品牌色。该技能会先评估当前色彩缺失状况与可改进机会，再制定色彩策略（含主色、辅助色、强调色及 60/30/10 比例），随后从语义色、强调色、背景与表面、数据可视化、边框与点缀、排版色彩、装饰元素等维度系统地引入色彩，最后进行平衡与精修，确保层级、无障碍（WCAG）、凝聚力均得到保障。适用范围为界面与视觉设计；具体平台、收费与价格信息暂未提供。
Bolder 是一个用于增强设计视觉冲击力的技能（skill），来自 pbakaus/impeccable。当用户认为设计过于安全、普通、缺乏视觉吸引力时，可用它来放大设计的个性与记忆点，在保持可用性的前提下提升影响力。该技能强调「大胆不等于混乱或花哨」，主张有意图的戏剧性，而非随机堆砌效果，并明确警告要避免 AI 常见的陈词滥调（如青紫渐变、玻璃拟态、暗底霓虹等）。它要求先调用 /impeccable 获取设计原则、反模式与上下文收集协议，再评估现状、制定放大策略，并从字体、色彩、空间、视觉效果、动效与构图等维度系统提升，最后进行质量验证。
中文介绍正在整理，稍后补充。
distill 是 pbakaus/impeccable 技能库中的一个设计简化技能，用途是“剥离设计中不必要的复杂性，只保留本质”。它适用于用户要求简化、清理（declutter）设计时。该技能强调：好的设计应当简单、有力且干净。使用前有强制准备步骤——必须先调用 /impeccable，该技能包含设计原则、反模式（anti-patterns）与“上下文收集协议”（Context Gathering Protocol）；若当前尚不存在设计上下文，则必须先运行 /impeccable teach。技能把简化过程拆分为若干环节：评估现状（识别复杂来源、找出本质）、规划简化（明确核心目的、必要元素、渐进披露、合并机会）、执行简化、验证简化效果、记录被移除的复杂性。简化维度涵盖信息架构、视觉、布局、交互、内容与代码六个方面。技能同时明确定义了“不应做的事”，例如不得删除必要功能、不得以简化为由牺牲可访问性、不得简化到含义不清、不得移除用户决策所需信息、不得完全消除层级、不得过度简化复杂领域。
quieter 是技能集合 pbakaus/impeccable 中的一个设计技能，用于把视觉上过于张扬、激进或刺激过度的设计调低强度，在保留设计质量与效果的前提下，使界面更精致、更亲和、更耐看。它适用于用户提出“太粗犷、太吵、太抢眼”等需要收敛视觉表达的场景。该技能强调必须先调用 /impeccable 获取设计原则、反模式与上下文收集协议，若尚无设计上下文则必须先运行 /impeccable teach。其处理思路包括评估当前过度刺激的来源（色彩饱和度、对比极端、视觉重量、动画过量、复杂度、尺度），理解用途与受众，制定降噪策略，并从色彩、视觉重量、简化、动效、构图五个维度系统调整，同时要求避免把一切做得同样大小与粗细、避免完全去除色彩、避免牺牲可用性。
中文介绍正在整理，稍后补充。
中文介绍正在整理，稍后补充。
Slack GIF Creator 是一套用于制作适配 Slack 的动图 GIF 的工具与知识集合，源自 anthropics/skills。它给出 Slack 对 GIF 的尺寸与参数约束（Emoji GIF 推荐 128x128，消息 GIF 为 480x480；帧率 10-30；颜色数 48-128；Emoji GIF 时长建议控制在 3 秒以内），并提供 GIFBuilder、校验器、缓动函数和帧辅助函数等实用模块，配合 PIL 的绘图原语自行编写动画逻辑。它不提供现成的动画模板、表情字体渲染或内置图形库，适合在需要生成或校验 Slack 动图时作为编码参考与工具使用。
CSS Animations 是 HyperFrames 中的一套 CSS 动画适配器使用规范，用于在 HyperFrames 项目中编写和定位 CSS 关键帧动画。HyperFrames 可通过其 CSS 运行时适配器对 CSS 关键帧动画进行 seek（跳转定位），因此该技能适用于简单重复的图形元素、背景运动、微光、发光、遮罩以及非顺序性的装饰效果。对于需要场景编排的场景，通常使用 GSAP 会更清晰；CSS 动画更适合运动属于单个元素且时长固定的情况。该技能给出了动画元素的契约要求（如在运行时初始化完成前放入 DOM、设置 data-start、使用有限的动画时长和迭代次数、优先使用 animation-fill-mode: both 等），并提供了基础模式与错峰（stagger）模式的示例代码，以及适合与不适合使用的场景和校验命令。
json-canvas 是一个用于创建和编辑 JSON Canvas 文件（.canvas）的技能，遵循 JSON Canvas Spec 1.0 规范。适用于处理 .canvas 文件、创建可视化画布、思维导图等场景。文件由 nodes（节点，可选）和 edges（边，可选）两个顶层数组构成，节点类型包括 text（文本）、file（文件）、link（链接）和 group（分组），边通过 fromNode/toNode 连接节点。
中文介绍正在整理，稍后补充。
中文介绍正在整理，稍后补充。
中文介绍正在整理，稍后补充。
design-md 是 google-labs-code/stitch-skills 提供的技能，用于分析 Stitch 项目并将其中的视觉与代码资产综合为一份语义化设计系统文档 DESIGN.md。它以“设计系统负责人”的角色，从 Stitch MCP Server 获取屏幕元数据、截图、HTML/CSS 源码以及项目级设计主题信息，把颜色、圆角、字体、阴影、组件样式与布局原则提取出来，并翻译为自然语言描述，同时保留精确的十六进制色值。生成的 DESIGN.md 可作为后续提示 Stitch 生成新屏幕的“事实来源”，帮助新页面与既有设计语言保持一致。技能明确了前提条件、完整的检索与联网流程、分析与综合的分析维度、输出文件结构以及使用示例和最佳实践，并列出应避免的常见问题。
中文介绍正在整理，稍后补充。
GSAP 官方性能优化技能，用于让 GSAP 动画保持流畅的 60fps、降低布局与重绘开销，并减少卡顿。该技能讲解了应优先使用 transform 与 opacity，避免动画化 width、height、top、left、margin、padding 等触发布局的属性；介绍了用 will-change 提示浏览器提升图层、批量读写避免布局抖动（layout thrashing）、用 stagger 替代大量独立补间、对高频更新的属性使用 gsap.quickTo()，以及在 ScrollTrigger 中谨慎使用 pin、合理设置 scrub、仅在布局变化时调用 ScrollTrigger.refresh() 等实践。还强调要暂停或清理屏幕外与不活跃的动画，减少同时进行的工作量。
gsap-timeline 是 GSAP 官方提供的时间线（Timeline）技能，用于把多个补间动画组织成有序或并行的多步骤动画。它围绕 gsap.timeline() 构建，核心是位置参数（position parameter），可精确控制每个补间在时间线上的绝对时间、相对前后动画的偏移、或相对标签与最近动画的位置。该技能适用于制作关键帧式动画、按顺序编排动画序列、协调多个补间同时或先后播放等场景。时间线支持默认值继承、标签、嵌套、播放控制（播放、暂停、反向、跳转、重启、销毁）以及整个时间线级别的 repeat、yoyo 和回调。资料同时给出官方最佳实践与常见误区，例如优先用时间线而非 delay 串联动画、用 addLabel() 提升可读性、将 ScrollTrigger 放在时间线或顶层补间上而非内部补间。配套技能方面，单个补间与缓动使用 gsap-core，滚动驱动的时间线使用 gsap-scrolltrigger，React 中使用 gsap-react。
GSAP 官方插件技能，用于指导使用与审查 GSAP 各类插件的代码，涵盖插件注册、滚动、DOM/UI、文本、SVG、物理与缓动等场景。资料明确说明所有 GSAP 插件均免费（含商用），自 Webflow 收购后不再有付费会员层，无需许可证密钥或认证令牌，所有插件都包含在公开的 gsap npm 包中，可通过 import 从 gsap/ 路径引入。技能强调用 gsap.registerPlugin() 一次性注册所需插件，并提示在 React 中应于顶层注册而非在会重渲染的组件内注册。主要覆盖插件包括：ScrollToPlugin、ScrollSmoother、Flip、Draggable、Inertia、Observer、SplitText、ScrambleText、DrawSVG、MorphSVG、MotionPath 等，另提及 CustomEase、EasePack、CustomWiggle、CustomBounce 与 GSDevTools。ScrollTrigger 有独立技能。资料给出了各插件的用途、关键配置项与代码示例，并说明部分限制（如 DrawSVG 只影响描边、SplitText 不支持 SVG text 等）。
中文介绍正在整理，稍后补充。
中文介绍正在整理，稍后补充。
enhance-prompt 是 Google Labs 的 stitch-skills 技能集中的一项提示词优化技能，定位为“Stitch 提示词工程师”。它把粗糙、模糊的 UI 生成想法转化为精炼、面向 Stitch 优化的提示词，通过提高描述的具体性、补充 UI/UX 关键词、注入设计系统上下文并对页面结构进行分段编排，从而让 Stitch 产出更理想的界面结果。该技能适用于在把 UI 提示词发送给 Stitch 前进行润色、改进效果不佳的提示词、为简单想法补充设计系统一致性，以及把模糊概念整理成可执行的提示词。执行时先评估输入缺失项（平台、页面类型、结构、视觉风格、颜色、组件），再检查项目中的 DESIGN.md 以提取设计系统块，随后应用关键词替换、氛围描述强化、页面结构编号、颜色按“描述名称(#hex) for 功能角色”格式化等增强手段，最后按指定顺序输出。默认以文本形式返回供复制，也可按用户要求写入 next-prompt.md 或自定义文件。
contribute-catalog 是 HyperFrames Registry 的贡献流程指南，用于引导用户从构思到合并 PR，完成一个新的 registry block（如字幕风格、VFX 效果、转场、下三分之一标题）或 component（如文字效果、叠加层、片段）的创作与发布。整个流程分为六个步骤：Clarify、Scaffold、Build、Validate、Preview、Ship，覆盖了项目结构创建、registry-item.json 配置、基于类型的模板编写、代码检查与验证、预览渲染与快照、以及最终的提交与 PR 创建。该技能对字幕块、VFX 块和组件有不同的实现规范，包括字体尺寸、可读性描边、逐字动画、Three.js 场景渲染、GSAP 时间线控制等具体要求，并设有一系列质量门禁确保贡献内容可用。
Taste Distillation 是一个独立技能，用于把一组参考视频测量成可分发的风格包（style pack）。它通过脚本进行纯数值分析，产出按亮度分区测量的色彩统计（grade.json）、镜头边界与镜头时长分布（cadence.json）、33^3 的 3D LUT（look.cube）、基于测量事实的 VLM 描述（spec.json）、长镜头全分辨率静帧、屏幕混合叠加素材以及 minted GLB 网格等资产。核心理念是：提示词无法可靠地给出色调，测量可以；模型负责内容、运动与光照结构，风格包负责外观。它支持离线运行，不读取凭据，也提供带 API 调用的蒸馏流程。
中文介绍正在整理，稍后补充。