SuperAPI AI 工具集找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-16 00:02
9,762 个结果
Web Frameworks 技能组是一套面向现代全栈 Web 应用开发的综合指南，整合 Next.js、Turborepo 与 RemixIcon 三个工具。Next.js 提供 App Router、Server Components（RSC）、PPR、SSR、SSG、ISR 等渲染与优化能力；Turborepo 负责 monorepo 管理与任务流水线、缓存；RemixIcon 提供 3100+ 线性与填充风格图标。技能组给出单应用与 monorepo 两种技术栈选型、快速开始命令、共享组件库与数据获取等常见模式、CI/CD 配置示例，以及 Python 辅助脚本和最佳实践清单，适合构建电商、营销站、SaaS、文档站、多应用平台等场景。
用于在 Blazor 应用中实现 Syncfusion Blazor 累积图（SfAccumulationChart），可视化比例与层级数据。支持饼图、圆环图、漏斗图、金字塔图，含数据标签、图例、工具提示、中心标签、多环圆环、分组、渐变、注释、交互事件、无障碍与打印导出。需安装 Syncfusion.Blazor.Charts 与 Syncfusion.Blazor.Themes。
gsd-ui-review 是 open-gsd/gsd-core 中的前端视觉审查技能，对已实现的前端代码进行回溯式六支柱视觉审计，用于检查界面视觉质量。
scaffold-element 是 Remotion 仓库中的技能，用于在文档 Remotion Studio 中搭建新的 Remotion Element 以便开发。
中文介绍正在整理，稍后补充。
State Management 是一个用于 React 及全栈前端的状态归属决策技能。它不先比较状态库，而是先判断状态属于哪种「数据包」（本地 UI 状态、共享子树状态、URL/导航状态、表单生命周期、服务端状态、客户端工作流状态），再选择与生命周期匹配的最小可行归属方案。适用于把「我们需要状态管理」这类模糊需求转化为具体的归属建议，在 Context、Zustand、Redux Toolkit、Jotai、TanStack Query 或路由原生方案之间做出有依据的选择，并在实现前阻止「一个 store 装下所有东西」的方案。
web-design-guidelines 是一个用于审查 UI 代码是否符合 Web Interface Guidelines 的技能。它通过从固定来源 URL 获取指南规则，读取用户指定的文件或文件模式，逐条对照检查，并以简洁的 file:line 格式输出发现的问题。该技能在每次审查前都会重新获取指南，且指南 URL 固定到经过审查的上游提交，以保证规则版本一致。若用户未指定文件，会先询问要审查哪些文件。它适用于前端界面代码的规范检查与评审场景。
react-hook-form-zod 是一个面向 React 的类型安全表单开发技能，结合 React Hook Form 与 Zod 校验，用于构建表单 schema、字段数组、多步表单并处理校验错误。资料给出的依赖版本为 react-hook-form@7.84.0、zod@4.3.6、@hookform/resolvers@5.2.2，安装命令为 bun add react-hook-form@7.84.0 zod@4.3.6 @hookform/resolvers@5.2.2。核心做法是用 Zod 定义 schema，通过 zodResolver 接入 useForm，并用 z.infer 推导表单类型；同时强调必须设置 defaultValues、客户端与服务端都要校验、自定义组件用 Controller、错误信息使用 role="alert" 等无障碍要求。技能附带模板与参考文档，覆盖基础表单、动态字段、异步校验、多步表单、shadcn/ui 集成、服务端校验、性能优化与无障碍等主题。
Syncfusion Blazor DataForm（SfDataForm）是用于在 Blazor 应用中构建动态数据绑定表单的组件技能。它可从模型属性自动生成表单字段，内置基于数据注解与自定义规则的验证，支持模型绑定与 EditContext 绑定两种方式，并提供列布局、分组、模板渲染及表单级与字段级事件处理。该技能涵盖安装配置、表单项目与字段设置、自动生成、数据绑定、验证、事件、布局定制、模板与本地化等主题，并给出多个可直接参考的示例模式，如带验证与提交的表单、自动生成与自定义字段混用、级联字段联动以及多列自定义布局。适用于需要在 Blazor Server、WebAssembly 或 Web App 中快速实现数据驱动表单、并希望减少手写字段与校验代码的场景。需注意 EditorType 多数情况下可省略，组件会按属性类型自动映射编辑器；复选框类型应写为 Checkbox（小写 b），且不存在 NumericTextBox 编辑器类型。
面向 Umbraco 后台扩展开发的 Web Component 增强方案，通过 UmbElementMixin 简化上下文消费与提供、状态观察、本地化和控制器托管等集成能力，文档建议实现前先拉取最新官方文档。
用于实现完整明暗主题系统的技能，支持 CSS 变量、Tailwind 暗色模式、React Context 与系统偏好检测，并提供持久化存储与防闪烁方案。
Kernel 托管认证技能，用于在确实需要登录态网站界面或浏览器行为时，先获取可复用的已认证浏览器配置，再将任务交接给合适的浏览器控制方式。
Syncfusion Blazor 按钮组件技能，围绕 Syncfusion.Blazor.Buttons 与 Syncfusion.Blazor.SplitButtons 两个 NuGet 包，系统讲解在 Blazor 应用中实现按钮类 UI 组件的方法。覆盖 Button、ButtonGroup、CheckBox、RadioButton、ToggleSwitch、DropdownMenu、SplitButton、ProgressButton、FloatingActionButton、SpeedDial、Chip 共 11 个组件，按功能特性、样式定制、高级特性三类参考文档组织，包含安装配置步骤、常用模式（事件处理、CssClass 定制、图标、禁用状态、RTL）、共享主题与 CSS 类、典型使用场景以及各组件快速示例代码，适合需要在 Blazor 项目中集成按钮、选择、标签与浮动操作等交互控件的开发者参考。
该技能用于使用现代 React/TypeScript 库实现拖拽交互与可排序界面，覆盖看板、可排序列表、文件上传区和可重排网格等场景。它强调无障碍优先、触摸支持和性能优化，帮助构建直观的直接操作型 UI。核心库为 dnd-kit，提供内置无障碍支持、鼠标/触摸/键盘输入、零依赖（核心约 10KB）、高度可定制且原生支持 TypeScript。技能包含实现工作流（需求分析、安装库、实现核心功能、添加无障碍、优化性能、使用设计令牌样式）、示例代码（可排序列表、看板、文件拖放区、网格重排）、脚本（计算放置位置、生成配置、验证无障碍）以及参考文档（拖拽模式、看板实现、文件拖放区、无障碍、库选择、性能优化、触摸支持、状态管理）。
该技能面向使用 Svelte 5 runes 与 SvelteKit adapter-static 构建静态优先（SSG/SSR）应用的开发场景，重点解决预渲染与 hydration 过程中的状态管理兼容问题。资料指出，在 adapter-static 下，模块作用域中的 runes 无法正确序列化与反序列化，导致水合后状态冻结、响应式失效，因此全局状态应改用传统的 writable()/derived() 存储；同时 runes 模式禁用了 $ 自动订阅语法，不能在 $derived 内直接使用 $store，需通过 $effect() 手动订阅并写入 $state，再在 $derived 中计算。技能还给出 store 工厂应直接导出 store 而非 getter、组件本地状态使用 runes、store 与 rune 之间的桥接模式、SSG/SSR 预渲染安全写法、hydration 不匹配的规避、TypeScript 类型化 props 与 store 桥接、表单状态、防抖搜索、迁移清单、Vitest 测试模式、性能注意事项与常见故障排查等内容。
Thesys Generative UI 是一个基于 Thesys SDK 的技能，可用自然语言生成、修改和美化 React 组件，支持模式驱动的 UI 生成、主题定制与工具调用，并提供多种框架集成模板。
用于在 Umbraco 后台（backoffice）实现主题的后台技能，依据官方文档指导主题注册与 CSS 定制。
uni-app 是基于 Vue 的跨平台应用开发框架，通过一套代码可编译发布到 App、H5 以及微信、支付宝、百度等各端小程序。本 skill 基于 uni-app 官方文档生成（生成日期 2026-01-29），为 Agent 提供使用 uni-app 进行跨平台开发的系统化能力说明，覆盖项目配置、页面与组件编写、路由跳转、API 调用以及跨端差异处理等场景。核心参考内容包括入口文件、App.vue、pages.json、页面生命周期、manifest.json、条件编译、样式布局、分包配置等基础模块；能力参考涵盖 API 概述、路由、组件、网络请求、上传下载、WebSocket、数据缓存、授权、交互反馈、表单、媒体、文件、位置、画布、导航栏、动画、字体、系统信息、设备能力、登录支付分享推送等；进阶部分涉及 nvue 原生渲染、renderjs、subNVues 原生子窗体、Worker 多线程；并提供跨端最佳实践。
面向 Expo 跨平台移动应用开发的技能，结合 Expo Router、NativeWind 与 React Native，用于构建界面美观的移动应用，涵盖路由导航、Tailwind 风格样式以及原生标签页与动画等场景。
ckm-ui-styling 是一个用于创建美观、可访问用户界面的 UI 样式技能，结合 shadcn/ui 组件、Tailwind CSS 工具类样式与基于 canvas 的视觉设计体系。其组件层基于 Radix UI 原语构建，采用复制粘贴式分发，组件直接存在于代码库中，并以 TypeScript 优先；样式层采用工具类优先的 Tailwind CSS，构建时处理、无运行时开销、自动消除无用代码；视觉设计层则强调以构图和系统化图案为核心的视觉表达。适用于使用 React 系框架（Next.js、Vite、Remix、Astro）构建界面、实现可访问组件（对话框、表单、表格、导航）、响应式与移动优先布局、深色模式与主题定制、设计令牌系统、生成视觉设计或品牌物料、快速原型，以及数据表格、图表、命令面板等复杂 UI 模式。文档提供初始化命令 npx shadcn@latest init 与添加组件命令 npx shadcn@latest add，并包含 Python 自动化脚本用于组件安装与配置生成。
面向 Tamagui v1.x 项目的最佳实践技能，在用 tamagui.config.ts、@tamagui 导入写代码前提供 Config v4、编译器优化、复合组件与常见陷阱参考。
Syncfusion Blazor Query Builder 组件用于在 Blazor 应用中构建动态、可定制的查询界面，支持复杂过滤条件、嵌套分组与规则逻辑，适合高级搜索、业务规则引擎和数据过滤场景。
Syncfusion Blazor Smart Paste Button 技能：用 AI 读取剪贴板文本并自动填充 Blazor 表单字段，支持 OpenAI、Azure OpenAI、Ollama 或自定义 AI 后端，涵盖 NuGet 安装、AI 服务配置、字段注解与按钮定制。
React Flow Implementation 是一个用于正确实现基于节点的 React 界面（使用 @xyflow/react 库）的技能。它适用于构建流程图、图表、可视化编辑器或基于节点的应用程序。该技能提供了快速入门示例、实现检查清单、核心模式（包括 TypeScript 类型、自定义节点、自定义边、状态管理、视口控制、连接验证等），以及常用属性参考和交互 CSS 类。它强调样式导入、useReactFlow 边界、稳定的 nodeTypes/edgeTypes 以及 Handle 与边的匹配等关键实现要点，帮助开发者避免常见错误并构建可靠的节点式 UI。