SuperAPI AI 工具集找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 11-01 00:15
11,339 个结果
该技能是 CometChat Angular UI Kit 的“项目形态”胶水层，专门解决 Angular 项目结构层面的接入问题，而非 CometChat API 本身。它覆盖 Angular CLI 与 Nx 工作区的差异、standalone 组件与 NgModule 应用的适配、environment 配置文件的位置与接线、SSR/Angular Universal 下的浏览器端守卫、聊天路由的懒加载，以及 signals 与 RxJS 状态风格的选择。技能先通过 nx.json、angular.json、app.module.ts、server.ts 等信号判断项目形态，再给出对应调整。CometChat 的 API 符号查询被指向 cometchat-angular-v5-core，路由放置指向 cometchat-angular-v5-placement。对于 Angular UI Kit 文档未覆盖的 SSR 场景，技能明确标注为自身推导的指导，而非官方文档内容。
该技能用于在 Angular 应用中确定 CometChat 聊天组件的放置位置，涵盖聊天外壳布局、会话线程与详情面板、搜索、聊天页面路由以及移动端单窗格布局。基于 @cometchat/chat-uikit-angular@5（已验证 5.1.0–5.2.0），仅使用 angular-v5 目录中的组件，布局依据官方任务指南构建。技能以增量方式追加到用户应用，不修改现有代码。适用于决定聊天功能放在专用路由、现有仪表盘面板、小部件还是完整多窗格应用中的场景。
CometChat React Native UI Kit v5 组件清单技能，提供该版本公开组件的封闭列表、各组件用途，以及如何通过视图插槽（view slot）在组件内部嵌入自定义 UI。内容基于 rn-v5.json 目录（216 个公开符号），涵盖列表、消息面板、搜索与 AI、通话、气泡、多附件、基础构件等分类，并说明 v5 中已移除的组件、插槽命名规则（RN 使用 PascalCase）及常见陷阱。
本技能用于定制 CometChat React Native UI Kit v5 的外观与消息类型。它覆盖三层定制机制：通过 CometChatThemeProvider 设置主题模式（light/dark/auto）与颜色令牌；通过组件的 style 属性或主题中的样式键做逐组件样式覆盖；通过 useTheme() 在自定义视图中读取当前主题。对于自定义消息类型，技能说明 RN 版没有 React 插件 API，需使用 DataSourceDecorator 装饰器链并配合 ChatConfigurator.enable 注册，且必须实现 getId()、getAllMessageTypes()、getAllMessageCategories() 等关键方法，并在 login() 之后注册。技能还列出常见陷阱与验证方式。
CometChat React Native UI Kit v5 的界面放置指南，说明在真实 App 中如何将聊天界面组织到导航结构中。核心规则是每个界面作为栈导航器上的独立屏幕，而非像 Web 端那样用条件渲染切换侧栏。内容涵盖四种放置方式：聊天独占屏幕、在现有 App 中增加聊天标签页、扩展为完整聊天 App、嵌入现有屏幕；并给出 Provider 链与导航器的嵌套顺序、依赖安装命令、尺寸与键盘处理，以及常见陷阱和验证方法。
CometChat React v7 UI Kit 组件目录技能，用于查询 @cometchat/chat-uikit-react@7 中可用的开箱即用组件，并指导如何组合、替换与定制这些组件。内容涵盖会话与列表、消息、消息气泡、通话 UI、搜索与 AI、审核与通知、交互对话框以及基础工具组件等分类，并给出组件组合方式（命名空间子组件与 prop 驱动的插槽）、自定义 UI 的放置位置、内置触发器的复用顺序，以及创建群组、查看与解除封禁成员等需宿主自行实现或回退到 Chat SDK 的场景。该技能假定已掌握 cometchat-react-v7-core 的安装、凭据、初始化与登录流程，本身不新增依赖包。
该技能用于将 CometChat React v7 UI Kit 接入不同的 React 工具链，覆盖 Vite、Create React App、Next.js、React Router（含 Remix）与 Astro。它聚焦框架层面的接线细节：环境变量前缀、Provider 放置位置、路由与 SSR 处理，以及各工具链的常见坑（如 SSR 下 window 未定义、环境变量前缀写错、CSS 重复导入等）。技能本身不新增安装包，前置依赖 cometchat-react-v7-core（负责安装、Provider、init→login→render）。适用于在特定 React 工具链中集成或调试该 UI Kit 的场景。
该技能用于在 React 应用外壳中确定 CometChat 聊天界面的放置位置与布局接线方式，基于 @cometchat/chat-uikit-react@7。它覆盖四种放置模式：全屏、侧边栏/分栏、弹窗/浮动组件，以及嵌入现有页面。默认情况下，无明确范围的“添加聊天”会采用核心界面（会话列表 ↔ 消息面板）；当用户明确要求完整应用时，才扩展为三栏组合应用（选择器标签页 ↔ 消息面板 ↔ 详情/会话串/搜索侧面板，外加来电组件）。技能强调多面板布局在移动端必须折叠为单屏导航栈，并复用组件内置返回按钮。
本技能用于在 React 应用中通过 CometChat v7 SDK 添加 Web 推送通知，采用 Firebase/FCM 方案，并通过 CometChatNotifications 完成注册。推送属于外部集成，涉及 Firebase/FCM、Service Worker 以及 CometChat Dashboard 中的 FCM 提供方配置，而非 UI Kit 组件。技能本身较薄，主要指向 CometChat 官方通知文档作为设置来源，仅内置经过验证的 SDK 符号与加固要点。使用前需先完成 cometchat-react-v7-core 的安装、凭据配置与登录流程，推送注册发生在登录之后。安装依赖为 firebase@^10.3.1，CometChatNotifications 随已安装的 @cometchat/chat-sdk-javascript 提供，无需额外 CometChat 包。
通过堆叠两个 PR 让 CI 自动证明性能改进：PR1 仅添加 @perf 性能测试并在 main 建立基线，PR2 再提交修复，CI 对比基线显示指标差值。适用于 ComfyUI 前端的性能回归修复。
通过自然语言与 CLI 命令自动化浏览器交互的工具，基于 browse CLI，可在本地或 Browserbase 远程环境运行，用于浏览网页、导航、提取数据等任务。
面向 Web 项目的 OKLCH 色彩技能，用于把 hex/rgb/hsl 转换为 oklch、生成调色板、检查对比度、处理色域边界，并配合 Tailwind v4 做主题。
better-ui 是一套用于打造精致界面的设计工程原则，适用于构建 UI 组件、审查前端代码、实现动画与悬停效果等场景，涵盖圆角、对齐、阴影、动画、性能与点击区域等细节。
Transitions.dev 提供 21 个可直接用于生产环境的 CSS 过渡效果，每个以 t-* 选择器命名并配有语义化 CSS 自定义属性。粘贴代码片段、接入文档中的 HTML 钩子即可使用，无框架依赖，且每个片段都自带 prefers-reduced-motion 保护。
Svelte runes 使用指导技能，用于响应式状态、props、effects 及 Svelte 4→5 迁移，覆盖 $state、$derived、$effect、$props、$bindable，帮助避免响应式错误。
该技能用于构建、修复和验证渐进式 Web 应用（PWA）。前半部分处理 manifest 与安装问题，涵盖各浏览器引擎的差异和安装要求；后半部分处理缓存与部署问题，围绕已安装用户的代码更新体验展开。技能强调以已安装用户群为判断基准，而非首次访问者。内容包括需丢弃的过时认知（如 Lighthouse 已无 PWA 审计、iOS 对 manifest 图标的处理、sw.js 缓存头影响、导航回退的 api 误判、截图与安装提示的关系），按框架给出接入建议（Vite SPA、Next.js、TanStack Start、Foldkit），以及跨工具通用规则和验证方法（pwa-check.mjs、Chrome 安装性检查、部署两次验证更新、真机检查等），并附有 references 参考文档索引。
contentstack-marketplace-sdk 的 JavaScript 工具链说明，涉及 Babel 预设、Webpack 配置与多目标构建，适用于编辑 webpack/*.js 或 Babel 环境（es5、es-modules、test）以及调试 Node、浏览器、RN 等不同环境的打包产物。
kickstart-next-ssr 中关于 Next.js 框架的说明，用于修改 App Router 结构、next.config.mjs、图片优化、PostCSS 或 Tailwind 时参考。
crossbill-web 项目中的 CSS 颜色规范技能，指导如何为 CSS 规则添加新颜色，强调使用主题色、避免硬编码色值，并规定新颜色应添加到主题文件的 customColors 部分。
扫描本地 Claude Code 与 Codex 会话记录，统计技能与提示词的使用次数、最后使用日期、会话覆盖与磁盘占用，生成交互式 HTML 仪表盘，用于技能审计和清理未使用技能。
一个面向 Claude 等 LLM 的高端前端设计技能，指定资深 UI/UX 工程规则，强制组件架构、度量参数与性能护栏，抑制 LLM 默认的通用化设计倾向。
面向韩国市场前端项目的本地化默认值技能，配合 taste-skill 系列设计技能使用，在不改变原有视觉指引的前提下，覆盖输出格式、字体、韩文文案与 UI 模式等本地化规则。
一套面向前端界面生成的极简编辑风格设计规范，强调暖色单色调、字体对比、扁平便当网格与低饱和粉彩点缀，明确禁用渐变、重阴影、通用字体与图标库，适用于 HTML、React、Tailwind、Vue 等前端代码与布局设计。
Landing Page Builder 是一套纯 HTML/CSS/JS 的落地页设计系统与组件库，无需框架和构建步骤，可复制设计令牌、JS 交互与 HTML 组件模板来搭建产品落地页、营销站或文档站，支持明暗主题、滚动动画、提示气泡与多语言。