SuperAPI AI 工具集找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-21 00:11
10,939 个结果
ArcGIS Maps SDK for JavaScript 的自定义渲染技能，用于创建自定义图层类型并实现 WebGL 渲染。涵盖 RenderNode（SceneView 3D 后处理）、BaseLayerView2D 与 BaseLayerViewGL2D（2D 画布与 WebGL 渲染）、BaseTileLayer、BaseDynamicLayer、BaseElevationLayer 等基类，以及自定义瓦片源、LERC 数据解码、图层混合、高程夸张等场景。提供 ESM 与 CDN 两种导入方式、GLSL ES 3.0 着色器示例、生命周期方法与常见陷阱说明。
Svelte Code Writer 是一个面向 Svelte 代码编写与校验的工作流技能，适用于创建、编辑、审查或调试 .svelte、.svelte.ts 或 .svelte.js 文件。它通过加载 Svelte 5 基线规则与可选的进阶本地技能（如 runes、模板指令、样式、SvelteKit 数据流与结构），并在语法或行为不确定时查阅官方文档，最后校验改动过的 Svelte 文件，帮助开发者降低猜测带来的错误。该技能还整合了官方 Svelte CLI 辅助命令，可列出文档章节、按需获取文档内容，并使用 autofixer 分析组件文件，支持对使用异步特性的项目追加 --async 参数。
该技能为使用 Astro 框架构建和部署内容驱动的静态网站提供全面指导，覆盖项目创建、内容集合、语法高亮、图表集成、站内搜索、版本文档、国际化、常见模式、性能优化与部署等主题。适用于博客、文档站、营销页面等静态站点生成场景，并明确说明实时数据、用户认证、动态库存电商、单页应用等情形需考虑其他方案。
favicon 是一个用于从源图片生成完整 favicon 图标集并自动更新项目 HTML 的技能。它依赖 ImageMagick v7+，会先校验源图片格式（支持 PNG、JPG、JPEG、SVG、WEBP、GIF），再自动识别项目类型（如 Rails、Next.js、Gatsby、SvelteKit、Astro、Hugo、Jekyll、Vite、Create React App、Vue CLI、Angular、Eleventy 或静态 HTML），确定静态资源目录，并生成 favicon.ico、favicon-96x96.png、apple-touch-icon.png、web-app-manifest-192x192.png、web-app-manifest-512x512.png 等文件；若源为 SVG 还会复制为 favicon.svg。随后创建或更新 site.webmanifest，并根据项目类型修改布局文件（如 Rails 的 application.html.erb、Next.js 的 layout.tsx 或静态 index.html）中的图标链接标签。若无法确定项目类型，则跳过 HTML 更新并提示手动添加。
React Hook Form 是一个用于 React 应用的表单状态管理库。本技能文档来自 supabase/supabase 仓库，专门讲解在 monorepo 中正确使用 React Hook Form 的规则，涵盖数据流、订阅机制、reset、dirty 状态、数字输入以及受控输入等问题。文档明确指出旧代码不能作为参考，因为 form.watch() 跨组件传参、仅订阅的 watch、未加保护的 valueAsNumber 以及 ?? undefined 受控值都是常见的错误写法。正确做法是：用 useWatch 与 useFormState 替代 form.watch，用 getValues 只处理事件与提交，用 subscribe 处理无渲染的监听副作用；在拥有 useForm 的组件中解构 formState，子组件接收 control 而非整个 form；提供完整的 defaultValues；使用 values 选项处理服务端数据；并在表单边界规范化 null 与 ''。文档还给出了 lint 规则清单，说明 no-use-watch 在 Studio CI 中采用棘轮机制，任何警告数上升都会导致构建失败。
该技能封装 Syncfusion Flutter 的日历与日期选择组件，包含 SfCalendar（事件日历）与 SfDateRangePicker（日期范围选择器）两款控件，用于在 Flutter 应用中实现日期与日程 UI。SfCalendar 侧重事件排程与展示，支持预约事件、重复事件、时区、资源视图以及拖放与缩放；SfDateRangePicker 侧重日期选择，支持单选、多选、范围、多范围及可扩展范围等选择模式，并提供确认/取消按钮。内容涵盖安装配置、视图类型与导航、事件数据源映射、选择模式、样式定制、构建器、回调事件、本地化与无障碍以及时区、Hijri 日历等进阶特性，并给出基础示例与常见模式。适用于会议排程、预约系统、报表日期筛选等场景。
Syncfusion JavaScript Dropdown Tree 控件用于在下拉框中以树形结构展示层级数据，支持单选或多选。该技能文档涵盖安装配置、本地与远程数据绑定、复选框父子联动、全选、模板定制、懒加载、排序、筛选、本地化与无障碍支持，并提供 TypeScript 与 ES5 示例，适用于组织架构、地区选择、分类筛选和权限管理等场景。
Syncfusion JavaScript Ribbon 控件是一款分层导航组件，用于把命令按选项卡（Tabs）、组（Groups）、集合（Collections）和项（Items）的层级组织起来，呈现类似 Microsoft Office 功能区的使用体验。它内置 8 种项类型，包括按钮、复选框、下拉、拆分按钮、组合框、颜色选择器、组按钮和画廊（Gallery），并提供 Classic（多行）与 Simplified（单行）两种布局模式，支持 File Menu、Backstage、上下文选项卡、键盘 Keytip 导航，以及在空间不足时自动响应式缩放和溢出处理。控件采用模块化架构，可按需注入所需模块，并提供丰富的事件系统和常用 API 方法，便于在 JavaScript 应用中构建功能丰富的命令栏。
Syncfusion TypeScript Toolbar 是 Essential JS 2 的水平命令按钮导航组件，用于构建工具栏。支持多种溢出模式、响应式布局、模板、图标、键盘导航、RTL 与无障碍，并提供事件与主题集成。
Syncfusion ASP.NET Core PDF Viewer 是一套在 ASP.NET Core 项目中嵌入、配置与加载 PDF 文档的 UI 组件，配套技能用于按需生成可直接粘贴的 Razor + HTML（.cshtml）示例代码。其 NuGet 包为 Syncfusion.EJ2.AspNet.Core。技能强调严格依据参考文件生成代码，只使用参考文件表格中明确列出的 API、属性与方法，禁止编造或猜测未记录的能力；若请求的功能未在参考文件中出现，须明确回复“当前 Syncfusion ASP.NET Core PDF Viewer 实现不支持该功能”。文档按主题拆分参考文件，覆盖入门配置、常规属性、上下文菜单、导航与书签、查看与交互、缩放、工具栏定制与参考、各类注释（墨迹、便签、签名、文本标记、形状、测量、图章、自由文本）及其设置、事件与操作、涂黑处理、表单字段（类型、属性、校验、导入导出、事件）、文本搜索与选择、文档打开/保存下载/打印与页面组织，以及 API 方法与事件总表。使用流程要求先读取 references/*.md，再交叉比对 API，最后按项目需求组合生成最小化示例；配置项较少时可内联，较多时抽取为 Razor 代码块，避免过度工程化。
TanStack Table（表库）v9 的入门技能，面向 React 适配器，讲解如何创建并渲染 Table v9。内容涵盖可复用的 createTableHook 组件路由、与 TanStack Query 集成、与 TanStack Virtual 集成，以及框架初始化设置。资料强调 Table 负责生成模型与状态，React 负责语义标记、样式、事件交互与可访问性；并给出 useTable、tableFeatures、createColumnHelper 等 API 的基本用法示例。属于表格库的官方上手文档类技能，供开发者在 React 项目中集成无头表格模型时参考。
tavus-cvi-ui 是用于在 React 应用中嵌入 Tavus CVI 对话的预构建 UI 组件库，提供 CVIProvider、Conversation 等组件及 useAppMessage、useSendAppMessage 等 Hooks，也支持 iframe 嵌入，需配合 Tavus API 获取会话地址。
该技能介绍如何在使用 Tailwind CSS 时构建可复用组件模式，覆盖组件提取、@apply 指令以及可组合设计模式。内容强调 Tailwind 虽是工具类优先，但常需将常见模式提取为可复用组件，并给出实现可维护组件架构的策略。主要涉及组件提取策略（模板/组件抽象、谨慎使用 @apply、JavaScript/TypeScript 组件类、Tailwind 插件）、使用 Class Variance Authority（CVA）处理复杂变体、用 clsx/twMerge 处理条件类名、创建复合组件、设计系统集成、表单输入/模态框/下拉菜单等示例，以及加载状态与徽章组件等常见模式；同时列出反模式，如滥用 @apply、创建过于通用的组件、忽略 prop 覆盖。适用于使用 Tailwind CSS 构建可复用组件与设计系统的前端开发场景。
flutter-ui-patterns 是一个专注于 Flutter 界面实现模式的技能，用于构建和重构 Flutter 组件（widget）、表单以及相关界面状态。其核心目标是帮助开发者编写声明式界面，使组件树能够清晰反映状态，并保持易于测试。该技能关注的实现层面包括：围绕内聚的 UI 概念、复用需求、独立状态或测试价值来抽取组件，而非按文件长度随意拆分；优先使用不可变的组件配置和有效的 const 构造函数；将副作用排除在 build 之外，改由生命周期安全的控制器、状态对象或显式回调触发；使用项目主题和语义化设计令牌替代分散的字面量样式；在 Material 与 Cupertino 行为应当不同的场景保留平台惯例；为表单提供明确的校验、焦点、提交和错误行为；保持 key 稳定且有意义，不使用随机或变化的 key 强制重建。它涵盖表单的陈旧安全异步校验与重复提交处理、组件预览，以及组件 API 和 UI 状态管理。视觉层次、令牌选择、排版、颜色、表面和美学方向属于 flutter-ui-design 的职责，本技能负责用可维护的组件实现这些决策。
介绍 Roblox UI 的引擎底层原理，以及在引擎原语基础上使用 Fusion 0.3 响应式框架构建界面的技能。内容涵盖 GuiObjects、UDim2、AnchorPoint、布局结构、输入事件与容器，并附有 Roblox 官方 UI 文档、Fusion 0.3 文档与 Fusion 源码作为参考来源。适用于编写 Roblox UI 相关代码时参考。
用于对照给定参考素材，审计网站或数字体验的原创性与抄袭风险。适合在 Codex 中比较当前或历史站点输出与参考语料在文本、品牌、数字、图像、资产、视频、布局、动效和代码上的重叠，输出有证据支撑的风险与修复建议。
该技能把提供的 HTML 页面或生成页参考转成带截图的文章，内含多个可复用的交互动效提示词。适用场景：提取网页动画与交互、制作每日 UI 灵感文章（恰好 5 条灵感）。不适用于通用网页开发或无关内容撰写。
用于为懒加载、滚动动画、Framer、WebGL/canvas 或大量揭示效果的网页生成或修复可靠整页截图，通过分段截取视口再纵向拼接，避免一次性 fullPage 截图出现空白、灰白或内容缺失。
根据情绪、描述或图片生成 HTML 配色方案，输出色板、颜色代码、搭配建议与对比度检查，适用于配色方案或品牌色彩参考。
介绍 Next.js 16 将 middleware 重命名为 proxy 的约定，用于处理网络边界逻辑、URL 重写与代理场景。
xhs-cover 是用于生成小红书风格封面图的技能：用户提供标题文案，可指定风格，工具按 1080×1440 的 HTML+CSS 模板排版，再用 Playwright 截图输出 PNG。
UI/UX 设计智能技能，通过可搜索数据库提供 UI 风格、配色、字体搭配、图表类型、产品推荐、UX 规范与各技术栈最佳实践，覆盖 50 种风格、21 套配色、50 组字体搭配、20 种图表及 9 个技术栈。
该技能用于将 Datadog Browser SDK 从 v5 升级到 v6，提供按步骤执行的系统化迁移指南。适用于遇到 useCrossSiteSessionCookie、sendLogsAfterSessionExpiration 等已移除选项，或需要处理 v6 默认行为变更、Session Replay 懒加载、CORS 与 CSP 配置更新的场景。技能覆盖 CDN 与 npm 两种安装方式的版本更新、废弃选项清理、默认值调整、行为变更审查及基础设施配置，并附常见错误与验证清单。
Responsive UI QA 是一个用于排查、诊断、修复并验证响应式前端缺陷的技能，覆盖路由、状态、容器与输入模式，适用于移动端或桌面端 QA、溢出与布局问题定位，强调找到根因而非针对截图打补丁，并产出修复后状态可用的证据。