SuperAPI AI 工具集

Skill 广场

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

更新于 11-14 00:15

全部 Skills

252,774 个结果

animate-expo

animate-expo 是一个用于在 React Native 和 Expo 中构建动画的技能,强调按正确顺序做决策,让动画在真机上感觉自然。它基于 Emil Kowalski 的动画理念,覆盖是否该动画、运行在哪个线程、选择何种工具与属性、时序与弹簧参数、按压反馈、触觉反馈、减少动态效果与无障碍等主题。该技能面向移动端动画实现,主张使用 Reanimated 而非核心 Animated,保持动画运行在 UI 线程,避免在手势或滚动处理器中调用 setState,并强调在发布构建和最慢设备上验证手感。资料还提供了依赖安装命令、常见错误清单和配方文件引用。

编程与开发213 次安装

animation-vocabulary

Animation Vocabulary 是一个反向查询术语表技能,用于把用户对网页动画或动效的模糊描述转换成精确的专业术语。例如,当用户描述“弹出框打开时那个有弹性的东西”时,该技能会返回对应的术语“Pop in”。它基于 Emil Kowalski 的动画理念,覆盖入场与退场、时序编排、位移与变换、状态过渡、滚动、交互反馈、缓动、弹簧动画、循环动效、细节效果、性能以及动画原则等多个类别。该技能以术语优先、简洁回答的方式工作,适合设计师、前端开发者和产品人员快速找到描述动效的准确词汇,以便更有效地沟通和搜索实现方案。

设计与创作213 次安装

apple-design

Apple Design 是一份将 Apple 界面设计与流畅物理动效理念翻译到 Web 平台的技能文档,主要源自 Apple 的 WWDC 设计演讲(尤其是 WWDC 2018 的《Designing Fluid Interfaces》),并落地为 CSS、Pointer Events、requestAnimationFrame 以及 Motion/Framer Motion 等弹簧动画库的实现方式。其核心主张是:当动效从当前屏幕值出发、继承用户速度、向前投射动量,并且随时可被抓取和反向时,界面就会显得“有生命”。文档围绕响应速度、直接操控、可中断性、弹簧行为、速度交接、动量投射、空间一致性、橡皮筋边界、手势设计、逐帧平滑、材质与层次、多模态反馈、减弱动效与无障碍、字体排版等主题给出具体规则与代码示例。适用于构建或评审手势驱动的 UI、弹簧动画、抽屉/面板、底部弹层、轮播等交互场景。

设计与创作213 次安装

ask-sonner

Sonner 是一个 React toast 通知库,本技能提供其安装、配置与排错指南。内容涵盖:在根布局挂载唯一的 <Toaster />、在客户端代码中调用 toast()、按场景选择合适的调用方式(普通消息、成功/错误/信息/警告、loading、promise、带操作按钮、自定义 JSX 等),以及更新、持久化、关闭、读取活动 toast 等常用做法。还给出样式定制的递进方案(默认样式、内联调整、classNames、headless 自定义)和主题、图标配置,并针对 toast 不显示、重复出现、样式失效、被遮挡、深色模式失效、promise 卡在 loading 等常见问题提供原因与修复方法。

前端与建站213 次安装

emil-design-eng

该技能封装了 Emil Kowalski 关于 UI 打磨、组件设计、动画决策以及让软件体验出色的隐形细节的设计工程哲学。它面向设计工程师,强调品味可训练、隐形细节会累积、美感即杠杆,并给出动画决策框架、组件构建原则、CSS 变换技巧与手势交互方法。技能首次调用时仅回复一句就绪说明,等待用户提问;在审查 UI 代码时必须使用 Before/After/Why 三列的 Markdown 表格。

设计与创作213 次安装

emilkowal-animations

这是一套面向 Web 界面的动画最佳实践指南,基于 Emil Kowalski 的教学内容、其开源库(Sonner、Vaul)以及 animations.dev 课程整理而成。指南包含 58 条规则,分为 8 个类别,并按影响程度划分优先级,适用于在 React、CSS 或 Framer Motion 中编写、审查或实现动画时参考。内容涵盖缓动曲线选择、时长控制、动画属性选择、变换技巧、交互模式、策略性动画、无障碍与细节打磨,以及 Tailwind CSS v4 工具类表达方式。

前端与建站213 次安装

animate-expo

animate-expo 是一个用于在 React Native 与 Expo 中构建动画的技能,强调在真机上经得起严格检验的动效实现。它把动画请求转化为可落地的代码,核心思路来自 Emil Kowalski 的动画哲学。该技能围绕移动端的三个特点展开:没有 hover,所有交互反馈必须落在按压、位置或干脆不做;存在两个运行时(React Native 运行时与 UI 运行时),动画必须尽量留在 UI 线程以避免卡顿;用户手指就在元素上,手势是主要输入,因此可中断性与速度传递是基本要求。技能按固定顺序做决策:先判断是否应该动画(按使用频率分级,高频交互如标签切换不做动画),再明确动画目的(反馈、空间一致性、状态指示等),然后选择最省的工具(CSS 过渡、CSS 动画、布局动画、共享值加手势、原生导航、原生标签栏、Lottie、Skia 等),接着选择属性(优先 transform 与 opacity)、时序或弹簧参数,并确保动画不占用 JS 线程。它还涵盖按压反馈、触觉反馈、减少动态效果与无障碍、以及会静默破坏动画的配置问题。

编程与开发213 次安装

apple-design

Apple Design 技能把 Apple 的界面设计与流体物理动效理念翻译到 Web 平台,知识来源主要是 Apple 的 WWDC 设计演讲,尤其是 WWDC 2018 的《Designing Fluid Interfaces》。它用于构建或评审手势驱动的用户界面、弹簧动画、拖拽与滑动交互、底部抽屉与模态、半透明材质层级,以及无障碍降级等场景。技能强调响应零延迟、直接操控 1:1 跟手、动画可随时中断与反向、以弹簧取代固定时长动画、释放速度交接、动量投影、空间一致性、边界橡皮筋、多模态反馈、减弱动态偏好与排版光学调整等原则,并给出对应的 CSS 与 JavaScript(Pointer Events、requestAnimationFrame、Motion/Framer Motion)实现要点。

前端与建站213 次安装

ask-sonner

Sonner 是一个 React toast 通知库,本技能是其作者 Emil Kowalski 提供的使用指南,用于帮助开发者安装配置、渲染、样式定制和排查 Sonner 相关问题。内容涵盖 <Toaster /> 与 toast() 两部分的接入方式、各类 toast 调用(普通消息、成功/错误/信息/警告、加载中、promise、带操作按钮、自定义 JSX)、更新与关闭、样式定制层级(默认、内联、类名、无头)以及常见故障排查。

前端与建站213 次安装

emil-design-eng

该技能封装了 Emil Kowalski 关于 UI 打磨、组件设计、动画决策以及让软件体验出色的隐形细节的设计理念。它以“设计工程师”的工艺视角,提供动画决策框架、组件构建原则、CSS 变换与 clip-path 动画技巧、手势与拖拽交互等具体指导,并规定在审查 UI 代码时必须使用 Before/After/Why 的 Markdown 表格。适用于追求界面质感与细节打磨的前端开发与设计工程场景。

前端与建站213 次安装

functional

functional 是一套面向函数式编程的编码实践技能,核心在于用不可变数据编写逻辑、数据转换与业务功能。它适用于任何构建、合并、过滤、排序、计价或重塑记录、列表、购物车、订单、发票的功能请求,即使请求本身未提及不可变性;此类改动建议与 tdd 技能同时加载,而非替代。技能覆盖不可变性违规目录、纯函数、组合、提前返回、options 对象等内容,也可用于在已使用 Effect 的项目中组合 Effect 程序或审查 Effect 运行时边界。它强调“函数式轻量”路线:优先纯函数、不可变数据、组合、声明式代码、数组方法与 readonly 类型安全,但不鼓励在项目不需要时过度使用 monad、fp-ts 等重型函数式抽象。

编程与开发213 次安装

Security Engineer

Security Engineer 是一个面向应用全栈的安全实践技能,强调“安全内建而非事后补丁”。它围绕五大安全支柱展开:认证与授权、输入验证与净化、安全配置、数据保护、监控与响应。技能提供 JWT、会话、OAuth 2.0/OIDC 等认证策略,RBAC 与 ABAC 授权模式,SQL 注入与 XSS 防护、Zod 输入校验、文件上传安全,环境变量与密钥管理、安全响应头与 CORS 配置,密码哈希、静态与传输加密,以及限流、审计日志、错误处理与安全监控。还包含 OWASP Top 10 速查、部署前安全检查清单、常见安全错误示例,以及 Next.js、Express、FastAPI 的框架级安全指引和自动化/手动安全测试方法。适用于实现认证授权、构建 API、处理敏感数据、代码安全审查、生产部署与安全审计等场景。

安全与审计213 次安装

Broken Authentication Testing

Broken Authentication Testing 是一个用于识别和利用 Web 应用身份认证与会话管理漏洞的安全测试技能。它覆盖 OWASP Top 10 中持续上榜的“失效的身份认证”问题,可帮助测试者评估密码策略、会话处理、多因素认证与凭据管理。该技能提供从认证机制分析、密码策略测试、用户名枚举、暴力破解、凭据填充,到会话令牌分析、会话固定、会话超时、MFA 绕过及密码重置测试的完整工作流,并给出常见漏洞类型、测试载荷、会话 Cookie 标志与速率限制绕过请求头等速查参考。使用前提包括 HTTP 与会话机制知识、Burp Suite、Hydra 等工具、测试账号及书面授权。

安全与审计213 次安装