SuperAPI AI 工具集

Skill 广场

找到适合任务的 Agent Skill,阅读介绍并复制安装命令。

更新于 11-07 00:13

设计与创作

22,369 个结果

web-design-guidelines

该技能用于审查 UI 代码是否符合 Web Interface Guidelines(Web 界面指南)。当用户提出「review my UI」「check accessibility」「audit design」「review UX」「check my site」等请求时使用。其工作方式为:先从指定源 URL 获取最新版指南,再读取用户指定的文件(或询问文件/匹配模式),随后对照获取到的全部规则逐条检查,最后以简洁的 file:line 格式输出发现的问题。指南源为 https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md,每次审查前都会重新抓取,以确保使用最新规则,抓取内容包含全部规则及输出格式说明。使用时,若用户提供了文件或匹配模式参数,则依次执行抓取指南、读取文件、应用全部规则、按规定格式输出结果;若未指定文件,则询问用户需要审查哪些文件。

设计与创作1 次安装

1688-item-image-optimizer

1688-item-image-optimizer 是面向 1688 商品图片制作的统一入口技能,将主图优化、轮播图制作、详情图制作、背景替换、数字模特等制图能力集中到一个命令行入口。该技能通过编排流程完成意图识别、权限校验和工具页构建,核心命令包括 verify_permission(校验数字模特权限)、build_tool_url(构建图片工具页 URL 并返回 open_tab 对象)与 configure(配置或查看 AK)。所有命令输出 JSON,包含 success、markdown 与 data 字段。基础功能(主图优化、轮播图、详情图、背景替换、白底图、一键扩图)免权限校验,数字模特需账号具备对应权限。图片参数与工具类型需匹配:单图工具使用 --img-url,多图工具使用 --img-url-list,超出数量上限时需让用户选择子集。未识别到图片时也可构建 URL,由工具页自行上传。

设计与创作1 次安装

anim-backinleft

Back In Left 是一个来自 Animate.css 的 CSS 关键帧动画,采用 Hippocratic-2.1 许可证,版权归 Daniel Eden 所有,属于 motion-anything 项目的一部分。它无需 JavaScript,直接复制 CSS 文件即可使用,并支持 prefers-reduced-motion(在用户偏好减少动态效果时禁用动画)。适用场景为快速、轻量的入场动画;若页面中已有大量动画或内容必须被重点阅读,则应克制使用。使用时复制 backInLeft.css,为目标元素添加 backInLeft 类并设置 animation-duration 即可。使用时需按 Hippocratic-2.1 许可证标注 Animate.css 出处。

设计与创作1 次安装

anim-backoutleft

anim-backoutleft 是来自 Animate.css 的 CSS 关键帧动画,名称为 Back Out Left,属于 motion-anything 项目(来源 nexu-io/motion-anything)。它无需 JavaScript,可直接引入使用,作为元素的退出方向动画。该动画遵循 prefers-reduced-motion 设置,在用户偏好减少动态效果时会被禁用。使用方式为复制 backOutLeft.css 文件,然后为目标元素添加 backOutLeft 类并设置 animation-duration。适用场景为快速、即取即用的 CSS 退出动画;资料同时提示应保持克制,不建议在多元素同时播放或必读内容上使用。该动画遵循 Hippocratic License 2.1 许可,版权归 Daniel Eden 所有,使用时需注明 Animate.css(Hippocratic-2.1)。关于具体动画参数、时长、缓动曲线、浏览器兼容范围、体积大小及更多平台支持等信息,资料暂未提供。

设计与创作1 次安装

anim-backoutright

Back Out Right 是一个来自 Animate.css 的 CSS 关键帧动画(Hippocratic License 2.1,© Daniel Eden),属于 motion-anything 项目的一部分。它无需 JavaScript 即可使用,适合作为元素的一个轻量、即插即用的退出动画。使用方式为复制 backOutRight.css 文件,给目标元素添加 backOutRight 类,并设置 animation-duration。该动画遵循 prefers-reduced-motion,当用户开启减少动态效果偏好时会被禁用。使用时建议保持克制,避免同时触发大量动画或将其用于必须阅读的内容。

设计与创作1 次安装

anim-bouncein

anim-bouncein 是来自 Animate.css 的一个即插即用 CSS 关键帧入场动画(Bounce In),属于 nexu-io/motion-anything 项目的一部分。它无需 JavaScript,只需复制 bounceIn.css,给元素加上 bounceIn 类并设置 animation-duration 即可使用。该动画遵循 prefers-reduced-motion,在用户偏好减少动态效果时会被禁用。作者建议克制使用,例如不要在多个元素同时使用,也不要用于必须阅读的重要内容。项目采用 Hippocratic License 2.1,版权归 Daniel Eden,使用时需署名 Animate.css(Hippocratic-2.1)。

设计与创作1 次安装

anim-bounceindown

anim-bounceindown 是来自 Animate.css 的「Bounce In Down」CSS 关键帧动画,作为一个可直接引入的动画片段,属于 motion-anything 项目的一部分。它不依赖 JavaScript,采用 Hippocratic License 2.1 授权(版权归 Daniel Eden 所有),并且会遵循 prefers-reduced-motion 偏好设置。使用时只需复制 bounceInDown.css,为目标元素添加 bounceInDown 类并设置 animation-duration 即可。该动画适合用作快速、即插即用的入场动画;但需注意克制使用,不宜在同一页面大量堆叠,也不应施加于必须阅读的重要内容上。

设计与创作1 次安装

anim-bounceinright

anim-bounceinright 是一个来自 Animate.css 的 CSS 关键帧入场动画(Bounce In Right),属于 motion-anything 项目。它无需 JavaScript,可直接复制使用,并会尊重 prefers-reduced-motion 偏好(在该偏好下动画被禁用)。使用时复制 bounceInRight.css,为元素添加 bounceInRight 类并设置 animation-duration。适合作为快速的、即插即用的入场动画;不建议在同时出现大量动画或必须阅读的内容上使用,应保持克制。采用 Hippocratic License 2.1,版权归 Daniel Eden。

设计与创作1 次安装

anim-bounceoutleft

anim-bounceoutleft 是来自 Animate.css 的 CSS 关键帧动画(Bounce Out Left),以可直接引入的 CSS 文件形式提供,属于 motion-anything 项目的一部分,采用 Hippocratic License 2.1,版权归 Daniel Eden。它用于元素向左“弹跳离场”的退出动画,无需 JavaScript,并会遵循 prefers-reduced-motion 设置。使用时复制 bounceOutLeft.css,为目标元素添加 bounceOutLeft 类并设置 animation-duration 即可。适合作为轻量的入场/交互反馈补充,但不建议在单页中大量同时使用,也不宜用于必须阅读的内容。

设计与创作1 次安装

anim-bounceoutup

anim-bounceoutup 是一个来自 Animate.css 的 CSS 关键帧动画,属于 motion-anything 项目的一部分,效果为“向上弹跳退出”(Bounce Out Up)。它无需 JavaScript,只需复制对应的 CSS 文件,并为元素添加 bounceOutUp 类并设置 animation-duration 即可使用。该动画会尊重用户的 prefers-reduced-motion 设置,在用户偏好减少动态效果时自动禁用。采用 Hippocratic License 2.1 许可,版权归 Daniel Eden 所有,使用时需注明 Animate.css 出处。适用于需要快速、即插即用退出动画的场景,但官方提示应保持克制,避免在多个元素同时使用或用于必读内容。

设计与创作1 次安装

anim-fadeinbottomleft

anim-fadeinbottomleft 是来自 Animate.css(Hippocratic License 2.1,© Daniel Eden)的一个 CSS 关键帧动画,属于 motion-anything 项目的一部分。它名为 Fade In Bottom Left,实现从元素左下角方向淡入的入场动画效果,无需 JavaScript 即可使用,并且遵循 prefers-reduced-motion 偏好设置。使用时只需复制对应的 fadeInBottomLeft.css 文件,为目标元素添加 fadeInBottomLeft 类,并设置 animation-duration 即可。该动画适合作为快速、可直接引入的 CSS 入场效果,但资料建议避免在同一页面大量使用,也不宜用于必须阅读的内容,应保持克制。

设计与创作1 次安装