SuperAPI AI 工具集

Skill 广场

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

更新于 11-15 00:13

编程与开发

41,168 个结果

react-performance

react-performance 是一个用于指导 React 与 Next.js 性能优化的技能,强调以测量为依据、行为安全为前提。它本身不提供具体优化规则,而是负责“方法”:先建立基线、定位真实开销、一次只应用一条规则、再复测并保留证据。它会根据问题类型路由到相应的规则目录,例如 vercel-react-best-practices(72 条按影响排序的 React/Next 规则)、vercel-composition-patterns(组件 API 形态)、next-best-practices(App Router 语义)、core-web-vitals 与 performance(现场指标与非 React 预算)。同时它规定了本仓库的约束:行为测试不得为性能改动而修改,不可变性、类型安全等规则优先于微优化。适用于 React 或 Next.js 出现卡顿、输入延迟、滚动掉帧、页面加载慢、疑似 bundle/瀑布/重渲染/水合问题,或审查性能相关 diff 的场景。

编程与开发6 次安装

render-code-shape

Render Code Shape 是一个只读型代码结构梳理技能,用于在现有代码或即将实施的改动中,渲染出代码的“形状”——包括模块边界、跨越边界的类型、签名,以及带引用来源的调用图。它的核心思路是将代码分为“水线”之上和之下:之上是模块、边界、跨越边界的类型与值、签名以及实际调用顺序;之下则坍缩为一行意图描述。除了函数体是伪码之外,所有名称、类型和路径都从源码中读取,并标注文件与行号,或标记为 [NEW]。该技能不修改任何代码,渲染结果本身即为交付物;如需实施,必须由请求另行授权并遵循相应工作流。它适用于理解代码如何组合、追踪请求实际触及的路径、在实现前对改动进行伪码化、快速上手陌生路径,或为计划和测试生成可核对的形状。判断形状好坏、文件存放位置、故障定位等决策则分别由 codebase-design、structure-codebase、debugging 等技能负责。

编程与开发6 次安装

cometchat-flutter-v6-events

本技能介绍如何在 Flutter 应用中响应 CometChat 的活动,核心是区分两套互不通用的事件系统:SDK 监听器(来自服务器的消息、通话、用户、群组、连接事件)与 UI Kit 事件(来自 Kit 自身组件的用户操作)。技能说明了各自的注册方式、对应 Mixin、适用场景,并给出 SDK 监听器与 UI Kit 事件的代码示例。同时强调监听器生命周期规则:在 initState 注册、在 dispose 移除、每个屏幕使用唯一稳定的监听器 id、登录后再注册。还列出常见陷阱,例如为让 Kit 组件更新而多余添加监听器、未移除导致重复事件、共享 id 导致互相注销、在同一类中混用两个消息 Mixin 导致编译失败、登录前注册收不到事件、混淆两套系统,以及 v5 事件 API 已移除等。

编程与开发6 次安装

cometchat-flutter-v6-features

CometChat Flutter v6 功能启用技能,用于在 Flutter v6 应用中开启特定 CometChat 功能,例如投票、贴纸、协作白板/文档、翻译、链接预览、AI 智能回复等。该技能以 features.flutter-v6.json 作为功能是否存在的唯一依据,强调 v6 已删除 v5 的扩展注册架构,大多数扩展只需在 Dashboard 打开开关即可自动渲染,无需编写注册代码。技能还说明了不同启用类别(默认开启、扩展、AI、需安装包、仅 Dashboard、仅 SDK)的处理方式,并提醒避免编写 v5 风格代码、重复挂载自动渲染组件、编造不存在的功能等常见错误。

编程与开发6 次安装