Skills
收录 96,770 个为 Agent 打包的专项能力与操作指引,复制一行命令即可安装。
开发
使用 DataStoreService 在 Roblox 中持久化玩家数据:GetDataStore;用 pcall 封装 GetAsync/ SetAsync/UpdateAsync/IncrementAsync;玩家加入时加载、离开时保存并配合 BindToClose;重试机制;以及 OrderedDataStore 排行榜。适用于在 Roblox 体验中保存或加载持久数据——当用户提到 DataStore、DataStoreService、GetAsync、SetAsync、UpdateAsync、保存玩家数据或排行榜时使用。一般 Luau 脚本请使用 roblox-luau。
基于可组合、无样式的 @assistant-ui/react primitives 构建和定制 assistant-ui 聊天界面:ThreadPrimitive、ComposerPrimitive(包含用于提及和斜杠命令的 Unstable_TriggerPopover)、MessagePrimitive 和 MessagePartPrimitive、ActionBarPrimitive、BranchPickerPrimitive、AttachmentPrimitive、ErrorPrimitive、AssistantModalPrimitive、ChainOfThoughtPrimitive、SelectionToolbarPrimitive、SuggestionPrimitive、QueueItemPrimitive,以及 ThreadList primitives。适用于组装或设置自定义 Thread、Composer、消息列表、操作栏、分支选择器或建议网格的样式;连接 composer 输入、听写、引用或附件;或处理编辑、分支、虚拟化、滚动或思维链界面。涵盖按部分类型渲染的 MessagePrimitive.Parts 函数、groupPartByType、选择器形式的 AuiIf,以及无样式使用时的注意事项(AssistantRuntimeProvider、className)。预构建界面请使用 setup,带样式的组件目录请使用 elements,多线程侧边栏请使用 thread-list
assistant-ui runtime 系统指南,介绍每个聊天界面背后的状态与操作层。适用于创建 runtime(useLocalRuntime 搭配 ChatModelAdapter、useExternalStoreRuntime 搭配 Redux 或 Zustand 后端存储、useRemoteThreadListRuntime、useCloudThreadListRuntime、useAssistantTransportRuntime)、连接 AssistantRuntimeProvider,或读取和修改 thread、message、composer 与 attachment 状态。涵盖 useAui、useAuiState 和 useAuiEvent 及其稳定选择器规则,作用域访问器(aui.thread、aui.message、aui.composer 及同类接口)、AuiConfig 与 AuiProvider 语法、RuntimeCapabilities,以及 attachment、speech、dictation、feedback、suggestion 和 history 适配器。遇到 provider 错误(“Cannot read property of undefined”)、已移除的 v0.12 hook 导入、对象字面量选择器导致无限重渲染,或状态未更新时,请参考此指南。多线程列表 UI 请改用 thread-list;工具包定义和工具调用 UI 请改用 tools。
在处理 Lynx DevTool 或调试 Lynx 应用、页面、设备时使用,尤其当任务涉及客户端或会话、CDP 或 App 命令、DOM/CSS 检查、运行时或控制台日志、在设备上执行 JavaScript、截图、堆快照、性能追踪、Page.reload 或 App.openPage、全局开关、可交互的快照引用与点击/填写/滚动、检查或搜索 ReactLynx 组件树、将 DOM Snapshot 引用关联到 ReactLynx 组件(`reactlynx link`),或在 Android、iOS、Desktop 上修改 ReactLynx 的 props/state/context 时。
在 three.js 中使用 GLTFLoader 加载 glTF/GLB 模型,并通过 AnimationMixer 播放其骨骼动画,也支持 DRACO/Meshopt 压缩网格和 KTX2 纹理。将 3D 模型导入 three.js 时使用,例如用户提到 glTF、GLB、GLTFLoader、AnimationMixer、动画片段、DRACOLoader 或“加载 3D 模型”。场景/相机/渲染器设置请使用 threejs-scene-setup;材质和灯光请使用 threejs-materials-lighting。
使用结构化方法设计可扩展的分布式系统,涵盖负载均衡、缓存、数据库扩展和消息队列。当用户提到 "system design"、"scale this"、"high availability"、"rate limiter"、"design a URL shortener"、"design Twitter"、"design Uber"、"design a news feed"、"system design interview"、"capacity planning" 或 "distributed architecture" 时使用。在估算基础设施需求、在微服务与单体架构之间做选择,或为数百万并发用户进行设计时也应触发。涵盖常见的系统设计(TinyURL、信息流、聊天)和粗略估算(back-of-the-envelope estimation)。数据基础见 ddia-systems,韧性见 release-it。
将编码任务委派给独立的 Claude Code CLI 进程或另一个 Claude 会话作为实现者,然后审查其 diff 并自行合入。仅当用户明确要求将实现委派给 Claude Code、另一个 Claude 会话或 `claude` CLI 时使用——例如“让另一个 Claude 来实现这个”“把这个委派给 Claude Code”“用独立的 Claude 会话跑完这个队列”。不要仅仅因为当前的编排者是 Claude 就触发;当用户要求当前的 Claude 直接实现而不经过委派时也不要使用。
用于一切与 EAS Observe 相关的事项——将 `expo-observe` 添加到 Expo 项目(AppMetricsRoot/ObserveRoot HOC、markInteractive、useObserve 钩子、用于按路由统计的 Expo Router / React Navigation 集成,以及通过 `Observe.logEvent` 定义用户事件)、通过 EAS CLI 查询(`eas observe:metrics-summary`、`observe:metrics`、`observe:routes`、`observe:events`、`observe:versions`),或解读由此得到的指标(冷/热启动、TTR、TTI、导航冷/热 TTR、更新下载,以及用于排查启动缓慢的 TTI frameRate 参数)。
基于 PICKLES 方法论与 165 分评分的 Lightning Web Components。当用户创建或编辑 LWC 组件、构建 wire service 模式,或为 LWC 编写 Jest 测试时使用此技能。触发条件:用户创建/编辑 LWC 组件,触及 lwc/**/*.js、.html、.css、.js-meta.xml 文件,或询问 wire service、SLDS 或 Jest LWC 测试时。不触发:Apex 类(使用 platform-apex-generate)、Aura 组件或 Visualforce。
在 assistant-ui 中使用运行时关联的 ThreadList 和 ThreadListSidebar 元素、ThreadListPrimitive、ThreadListItemPrimitive、ThreadListItemMorePrimitive、useAui、useAuiState 和 threads.selectionChanged 来构建和定制多个会话列表。在添加会话侧边栏、切换、归档、重命名、删除、搜索、分组、分页或持久化线程,或在身份验证后线程状态过期时使用。涵盖 AssistantCloud、RemoteThreadListRuntime 和 ExternalStoreThreadListAdapter。活动会话运行时用 runtime,云端托管的认证与持久化用 cloud,元素用于注册表安装和样式设置。
使用 OpenTelemetry 为任意应用添加监测,并将指标/日志/链路发送到 Grafana Cloud 或可自托管的 Mimir/Loki/Tempo/Pyroscope。涵盖 Go、Java(Grafana JVM agent)、Python(`opentelemetry-instrument`)、Node.js、.NET(`Grafana.OpenTelemetry`)的 SDK 自动插桩;零代码插桩的 Beyla eBPF;Grafana Cloud OTLP 网关与 Basic-auth(instanceID + API key、base64);环境变量配置(`OTEL_EXPORTER_OTLP_*`、`OTEL_RESOURCE_ATTRIBUTES`);Alloy/OTel-Collector 管道;Kubernetes Operator 注入注解;以及头部和尾部采样。适用于为服务添加插桩、将 OTLP 指向 Grafana Cloud、从 Jaeger/Datadog/New Relic 迁移、选择头部或尾部采样,或排查“Explore 中看不到 spans”等问题——即使用户只说“为我的 Java 应用自动插桩”“将链路发送到 Grafana”“要设置哪些环境变量”“OTLP 端点”或“Operator 注入”,而没有提到 OpenTelemetry。
为 three.js 场景设置光照与阴影:选择材质(MeshStandardMaterial PBR 或无光照的 MeshBasicMaterial),添加环境光、半球光、方向光、点光源和聚光灯,启用阴影贴图,并使用环境贴图(IBL)实现逼真的反射。适用于 three.js 模型显示为黑色、扁平或效果异常,或用户提到 three.js 材质、MeshStandardMaterial、灯光、阴影、envMap 或 PBR 时。渲染器/循环设置请使用 threejs-scene-setup;加载模型请使用 threejs-gltf-loading。
搭建 three.js 场景:配置导入映射和 three/addons 路径、Scene/PerspectiveCamera/WebGLRenderer 三件套、setAnimationLoop 渲染循环、自适应缩放和 OrbitControls。适用于启动或调试 three.js 应用,或用户提到 three.js、THREE.Scene、WebGLRenderer、PerspectiveCamera、渲染循环、调整大小或 OrbitControls 时。模型请使用 threejs-gltf-loading;材质和灯光请使用 threejs-materials-lighting。
在创建和配置 PixiJS v8 Application 时使用。涵盖 new Application() 与异步 app.init() 选项(width、height、background、antialias、resolution、autoDensity、preference、resizeTo、autoStart、sharedTicker、canvas、useBackBuffer、powerPreference、eventFeatures、accessibilityOptions、gcActive、bezierSmoothness、各渲染器的 webgl/webgpu/canvasOptions 覆盖项)、app.stage/renderer/canvas/screen/domContainerRoot 访问、ResizePlugin、TickerPlugin、CullerPlugin(cullable、cullArea)、通过 ExtensionType.Application 自定义 ApplicationPlugin、启动/停止生命周期,以及使用 releaseGlobalResources 调用 app.destroy()。触发条件:Application、app.init、app.stage、app.renderer、app.canvas、app.screen、app.domContainerRoot、ApplicationOptions、ApplicationPlugin、ExtensionType.Application、resizeTo、sharedTicker、skipExtensionImports、preferWebGLVersion、preserveDrawingBuffer、cullable、CullerPlugin、app.start、app.stop、app.destroy、releaseGlobalResources。
通过深模块、信息隐藏和策略式编程来管理软件复杂度。当用户提到“模块设计”、“API 太复杂”、“浅类”、“复杂度预算”、“策略式与战术式”、“深模块”、“信息泄漏”、“透传方法”、“这段代码过度设计了”或“简化这个设计”时使用。在评审接口是否简洁、评估某个抽象是否名副其实、决定某条注释是否值得写,或在通用方案与专用方案之间做选择时也应触发。涵盖深模块与浅模块的对比、复杂度的危险信号,以及作为设计文档的注释。关于代码质量,参见 clean-code。关于架构边界,参见 clean-architecture。
在分析或优化 PixiJS v8 应用的 FPS、绘制调用或 GPU 内存时使用此技能。涵盖销毁模式(cacheAsTexture(false)、releaseGlobalResources)、GCSystem 与 TextureGCSystem、PrepareSystem、对象池、批处理规则、用于动态文本的 BitmapText、剔除(Culler、CullerPlugin、cullable、cullArea)、分辨率与抗锯齿的取舍、底层优化手段(临时 MSAA 渲染纹理、render bundle、局部缓冲区更新)。触发关键词:FPS、卡顿、绘制调用、批处理、对象池、GCSystem、PrepareSystem、Culler、cacheAsTexture、内存泄漏、销毁模式、render bundle、transient、MSAA、Buffer.update、WebGPU performance、TexturePool、repeatEdgePixels、bind group。
使用 `assistant-ui` CLI(`create`、`init`、`add`、`update`、`upgrade`、`codemod`、`doctor`、`info`、`mcp`、`agent`)安装和配置 assistant-ui,并为后端选择运行时适配器。适用于首次安装(`npx assistant-ui@latest create`、模板、`--example` 脚手架)、添加到现有 Next.js 应用(`init`)或保持安装为最新版本。涵盖各后端的运行时钩子:`useChatRuntime`(AI SDK v7)、`useLangGraphRuntime`、`useStreamRuntime`(LangChain)、`useAdkRuntime`、`useA2ARuntime`、`useAgUiRuntime`、`useEveAgentRuntime`、`useOpenCodeRuntime`、`useLocalRuntime`、`useExternalStoreRuntime`、`useDataStreamRuntime` 和 `useAssistantTransportRuntime`,以及 Mastra、Cloudflare Agents、Claude Managed Agents、LLM 网关和 Electron 的接线指南,Expo(`--native`)和 React Ink(`--ink`)脚手架,以及托管的 MCP 文档服务。运行时就绪后,使用 elements 获取样式化的 Thread,使用 runtime 获取钩子和适配器,使用 update 进行深度迁移。
用于通过 sf CLI 立即执行 Salesforce org 操作(此技能会实际执行操作,而不是生成脚本):创建 scratch org(可基于版本、定义文件、快照或 org shape)、列出/显示/恢复/删除 scratch org、在浏览器中打开 org。触发词:「创建 scratch org」「从快照创建 org」「删除 scratch org」「打开我的 org」。不要用于切换默认 org(用 dx-org-switch)、部署元数据(用 platform-metadata-deploy),或创建/检查/列出/删除 org 快照(用 dx-org-snapshot-manage)。
使用此技能来理解 PixiJS v8 如何渲染帧:systems-and-pipes 渲染器、渲染循环,以及该库如何适配不同环境。涵盖 WebGLRenderer/WebGPURenderer/CanvasRenderer 的选择、renderer.render() 管线、环境检测、渲染到 RenderTextures 和 RenderTargets(flipY、mipLevel、layer、bind/push/pop、copyDepthTexture)、WebGL 上下文丢失与 WebGPU 设备丢失恢复,以及各主题深入内容的指引。触发词:renderer、WebGL、WebGPU、Canvas、render loop、render pipeline、systems、environments、autoDetectRenderer、RenderTexture、RenderTarget、render to texture、flipY、mipLevel、layer、3D texture、depth slice、renderTarget.bind、copyToTexture、copyDepthTexture、depth-only、WebGLLoader、WebGPULoader、CanvasLoader、RendererLoader、lazy-load renderer systems、code splitting、context lost、webglcontextlost、device lost、GPUDevice.lost。
在 PixiJS v8 中绘制矢量图形和路径时使用此技能。涵盖 Graphics API:先绘制形状再填充的方法(rect/circle/ellipse/poly/roundRect/star/regularPoly/roundPoly/roundShape/filletRect/chamferRect)、路径方法(moveTo/lineTo/bezierCurveTo/quadraticCurveTo/arc/arcTo/arcToSvg/closePath)、填充/描边/裁剪、孔洞、FillGradient(线性/径向)、FillPattern、GraphicsContext 共享、svg 导入/导出、containsPoint 命中检测、克隆、清空、边界、fillStyle/strokeStyle、绘制时变换(rotateTransform/scaleTransform/translateTransform/setTransform/save/restore)、默认样式、GraphicsPath 复用。触发词:Graphics、GraphicsContext、rect、circle、poly、roundRect、fill、stroke、cut、hole、beginHole、FillGradient、FillPattern、moveTo、bezierCurveTo、svg、graphicsContextToSvg、svg export、GraphicsOptions、containsPoint、clone、clear、bounds、rotateTransform、translateTransform、setFillStyle、setStrokeStyle、GraphicsPath。
Salesforce 元数据生成的必需配套项——在加载任何元数据生成器的同一轮中加载此 schema/API 上下文技能(加载生成器时也必须加载它)。每当创建、生成、编辑或编写元数据或 *-meta.xml 文件(自定义对象、字段、流以及 604 种 Metadata API 类型)时使用:它提供权威的 schema、必需标志和 XML 结构,让文件能够顺利部署。触发条件:*-meta.xml、元数据 schema、api context。不要用于 SOQL、DML、运行时 sObject 访问或 Tooling API 记录。
当用户创建、生成、修改或验证 Salesforce Lightning 页面(FlexiPages)时使用。触发条件包括 RecordPage、AppPage、HomePage、Lightning 页面、向页面添加组件、页面自定义(例如“自定义记录页面”),或 .flexipage-meta.xml 文件(区域、组件、部署错误)。不要在以下情况触发:Visualforce 页面、UI 中的页面布局分配、UI Bundle/Experience Cloud 站点页面,或不涉及 FlexiPage 的 Aura/Lightning Web Component 开发。
在 PixiJS v8 中加载和管理资源时使用此技能。涵盖 Assets.init、Assets.load/add/unload、资源包、清单、后台加载、onProgress、缓存、精灵表、视频纹理、网页字体、位图字体、动画 GIF、压缩纹理、作为纹理或 Graphics 的 SVG、分辨率检测、单项资源数据选项,以及使用 parser 字段强制指定加载器(用于无扩展名的 URL)。触发词:Assets、Assets.load、Assets.init、loadBundle、manifest、backgroundLoad、Spritesheet、Cache、LoadOptions、unload、parser、loadParser、loadWebFont、loadBitmapFont、loadVideoTextures、GifSource、VideoSourceOptions。
一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。
