SuperAPI AI 工具集找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-17 00:11
10,785 个结果
Syncfusion Angular Inline AI Assist 是 Syncfusion 为 Angular 应用提供的内联 AI 辅助组件，用于在界面中直接进行 AI 驱动的文本处理与编辑。该技能说明如何安装、配置并使用该组件，包括响应模式（弹出或内联）、命令系统、响应操作、模板、事件与方法、语音转文字、本地化与样式定制等。组件通过 promptRequest 事件与后端 AI 服务交互，默认示例返回占位文本，需用户自行连接 OpenAI 或 Azure AI 等服务。
Syncfusion EJ2 Angular Diagram 技能，用于在 Angular 应用中构建和配置图表。适用于流程图、组织结构图、流程图（BPMN）、UML 图以及数据可视化等场景。主要能力包括：创建节点（矩形、圆形、流程图形状、自定义形状）与连接器（直线、正交、贝塞尔曲线）；通过层级布局、组织结构图、思维导图、径向布局、流程图布局等自动排版；支持 BPMN 与 UML 标准图形库；为节点与连接器添加标签与端口；泳道结构；符号面板拖拽；数据绑定渲染；交互编辑（拖拽、缩放、选择、撤销/重做）；导出与序列化（JSON、PNG、SVG、PDF、Visio 导入、Mermaid）。该技能强调在使用前必须通过 reference 文件验证 API 类名、属性与签名，并列举了常见错误（如形状类型应使用 'Flow' 而非 'FlowShape'，不应注入未验证模块等）。
Syncfusion Angular TreeGrid 是面向 Angular 框架的树形表格组件，用于以网格形式展示层级化或树状结构数据。它支持排序、筛选、搜索、编辑等数据操作，可配置分页与虚拟滚动以应对大数据集，并提供 PDF、Excel 导出与主题外观定制能力；同时覆盖选择、聚合、状态管理与移动端自适应，支持行和列的冻结。该组件技能不进行任何远程数据访问，外部 API 交互由信任边界之外的 DataManager 技能处理。层级数据必须设置 childMapping（或使用 idMapping + parentIdMapping 扁平结构），且数据类型需与列定义匹配，否则会导致无法展开或渲染、排序异常。
一款系统性优化核心网页指标（Core Web Vitals）的技能，针对 LCP、INP、CLS 提供按优先级排列的修复方案，并配有验证与监控手段，目标是将 LCP 控制在 2.5 秒内、INP 控制在 200 毫秒内、CLS 控制在 0.1 以下。
Syncfusion Angular Dropdown Tree 是 Syncfusion Angular UI 组件库中的下拉树组件，用于从树形层级数据中选择单个或多个值。它支持本地层级数据与自引用数据绑定、通过 DataManager 绑定 OData/ODataV4/WebAPI 远程数据、复选框多选与父子联动自动勾选、全选功能、项模板/值模板/页眉页脚模板等自定义显示，并内置键盘导航、ARIA 无障碍支持与本地化。适合分类选择、组织架构、文件层级等嵌套数据场景。
通用桌面端网页原型技能，输出单个自包含的 HTML 文件。它不靠从零编写 CSS，而是以随附的种子 `assets/template.html` 为起点，复制并粘贴布局库中的区块骨架来组合页面。种子文件已内置排版、间距、强调色预算等良好默认值，使用者的工作是组合而非重新发明样式。
Syncfusion Angular SpeechToText 是 Syncfusion Angular UI 组件库中的语音转文本控件，基于浏览器原生 Speech Recognition API 实现实时语音识别。该组件可将用户口述内容转换为文本，支持临时结果与最终结果、按钮外观与图标自定义、工具提示、事件与方法控制、多语言识别、RTL 与本地化、主题样式集成，并强调 HTTPS 与麦克风权限等安全要求。适用于需要在 Angular 应用中集成语音输入、语音转写或无障碍交互的场景。
该技能文档介绍在 Next.js 服务端组件中进行导航的实现方式，说明服务端组件应使用 Link 组件与 redirect() 函数，而非 useRouter 等客户端钩子，并给出正确与错误写法对比及常见错误规避指南。
Stream React 是面向 React / Next.js Web 应用的 Stream 技能包，用于搭建、增强、审计或迁移 Stream 的 Chat、Video、Feeds 与 Moderation 集成，覆盖脚手架、现有应用增强、只读审计、SDK 版本迁移及从 Sendbird 迁移等场景。
Preline MCP 技能：通过 Preline MCP 服务器把 Preline UI 组件与区块集成进 HTML 文件。当用户提到 preline、/preline 或需要 Tailwind CSS 组件、页面区块、起始页时使用。服务器提供 6 个工具，返回可直接集成的 HTML、CSS 与 JS。
本技能用于审计和修复 Three.js 与 React Three Fiber (R3F) 应用，重点关注帧循环性能、GPU 内存泄漏、场景图正确性，以及 z-fighting 等可见视觉缺陷。其核心原则是按渲染循环判断严重程度：运行在 useFrame 或 requestAnimationFrame 中的代码每秒执行 60 次，因此其中的小低效比设置面板中的大低效更值得优先修复。工作流包括侦察技术栈与热路径、用 React Doctor 只读扫描收集结构化证据、按帧循环杠杆重新分级并寻找 Three.js 专属问题、进行视觉审计（通过截图或帧捕获取证）、按严重程度修复、最后验证分数不回退且视觉与行为正常。技能还列出了扫描器常遗漏的检查项，如命令式创建 GPU 资源的 dispose() 覆盖、指针移动时对全场景的射线检测、颜色空间配置等。
Tailwind Gradient Builder 是一套面向 Tailwind CSS 的渐变样式构建技能，用于创建现代 CSS 渐变效果，涵盖线性、径向、锥形、网格渐变，以及动画渐变、玻璃拟态和渐变文字等。它提供可直接复用的类名组合、Tailwind 配置片段和 React 组件示例，帮助开发者在背景、文字、边框和遮罩等场景中快速实现渐变视觉。内容按工作流组织：选择渐变类型、定义色标与位置、配置方向或角度、叠加模糊与动画效果，并关注性能与可访问性。资料还给出暗色模式适配、渐变边框、图片遮罩、淡出边缘等常见用法，以及性能优化与最佳实践建议。
本技能介绍如何在 Angular 应用中使用 Syncfusion 的 Accumulation Chart（累积图表）组件，实现饼图、圆环图、金字塔图和漏斗图等数据分布可视化。内容涵盖数据绑定、数据标签、图例、提示框、注释、外观样式、交互功能、无障碍与响应式设计，以及动态数据更新和导出打印等场景。技能以参考文档导航形式组织，并提供快速上手示例与常见问题排查（如严格模板模式下 palette 绑定报错的处理方式）。
Syncfusion Angular Block Editor 是一个面向 Angular 应用的块级富文本编辑器组件。它以「块」为基本单位组织文档，支持段落、标题、列表、表格、代码块、图片等多种块类型，提供文本加粗、斜体、下划线、删除线、颜色、高亮及行内样式等格式化能力，并内置斜杠命令、上下文菜单、行内工具栏和块操作菜单等高级交互菜单。内容可导入导出为 JSON、HTML 或 Markdown，并提供方法以便以编程方式增删移动块、控制选区与光标、聚焦/失焦、启用或禁用工具栏项及打印内容。组件还提供 HTML 消毒与 XSS 防护、粘贴清理、只读模式等内容安全能力，并支持通过 Yjs 实现多用户实时协同编辑（含用户在线状态、远端光标和版本历史）。此外具备主题与 CSS 变量定制、响应式尺寸、占位模板、国际化、RTL 与快捷键配置等能力。使用方式为安装 @syncfusion/ej2-angular-blockeditor 与对应主题包，引入 BlockEditorModule 与样式表后即可在模板中使用 ejs-blockeditor 标签。
Syncfusion Angular Ribbon 是用于在 Angular 应用中实现 Microsoft Office 风格功能区界面的组件。它以选项卡式功能区组织应用命令，支持选项卡→组→集合→项目的层级结构，内置按钮、复选框、下拉、拆分按钮、组合框、颜色选择器、组按钮和画廊等 7 种项目类型。组件提供经典（多行）与简化（可折叠）两种布局并支持自动调整尺寸，还包含文件菜单与 Backstage 视图、上下文选项卡、键盘快捷键提示、无障碍（WCAG/ARIA）、RTL 支持、帮助窗格及丰富的事件系统。适合需要构建专业命令界面的 Angular 项目。
该技能用于为 AEM Edge Delivery Services（EDS）页面生成 JSON-LD 结构化数据。它会分析页面内容与元数据，判断最合适的 schema.org 类型，并用页面实际内容填充必填与推荐属性，生成完整的 JSON-LD 片段，同时提供针对 EDS 架构的实现指导。由于 EDS 的创作内容存放在 Google Docs 或 Microsoft Word 中，结构化数据无法直接写入源文档，必须通过 head.html（站点级 schema）或 scripts.js（页面级 schema，运行时注入）添加。该技能适用于为 EDS 站点或页面添加结构化数据、改善富媒体搜索结果、审计现有结构化数据、生成 Organization 或 WebSite schema，以及构建由元数据驱动的结构化数据系统。它不适用于非 EDS 站点、仅做结构化数据验证，或修改页面内容。
这是一个 Tailwind CSS 响应式开发规范技能，主张组件应响应自身所处空间的宽度，而不是视口宽度。核心做法是把父元素标记为 @container，然后在子元素上使用带 @ 前缀的容器查询变体（如 @md:flex-row），其含义是“当容器宽度至少达到 28rem 时”，与视口大小无关。技能给出了 @3xs 至 @7xl 的容器尺寸对照表，也说明了 @max-md、@min-[475px] 以及命名容器 @container/sidebar 等用法。适用场景是编写或审查响应式 Tailwind 代码，尤其是卡片、表单、媒体对象、统计块、表格转列表等会被放进侧栏、抽屉、弹窗或网格单元中的组件。同时明确了例外：页面级整体布局、相对视口定位的固定或粘性元素、与屏幕尺寸绑定的全局排版仍应使用视口断点。资料还提供了从旧代码迁移的步骤和代码审查中常见错误提示。
为复杂前端 UI 代码生成安全、分阶段的重构计划，涵盖组件拆分、状态简化、性能优化与无障碍改进，帮助团队在降低风险的前提下逐步改善代码质量。
Expo UI 的 @expo/ui/swift-ui 套件，让开发者能在 Expo 应用中使用 SwiftUI 视图与修饰符。资料适用于 SDK 55，需通过 npx expo install @expo/ui 安装并原生重建。
Tailwind CSS 无障碍模式技能，围绕 WCAG 2.2 标准提供可复用的 Tailwind 类组合与代码示例，涵盖焦点管理、屏幕阅读器工具类、颜色对比、动效减弱、表单无障碍、交互组件、触摸目标尺寸、文本可读性与语义化 HTML 等主题。适合在构建或审查 Tailwind 界面时参考，帮助实现键盘可访问、对比度达标、触摸目标合规的组件。
React Frontend 是一个面向 React 前端开发的技能包，提供 React 架构模式、TypeScript、Next.js、Hooks 与测试相关的开发规范与参考。它适用于处理 React 组件结构、状态管理、Next.js 路由等工作场景。该技能强调在实现前先核对当前官方文档，尤其是 App Router 模式、React 19 API 或特定版本行为，因为训练数据可能滞后于最新版本。内容涵盖工作规则（如派生状态放在 render 中、用户操作放在事件处理器中、Effect 仅用于外部同步；异步任务需要生命周期与取消策略；缓存键与请求身份绑定；隐藏交互区域时保留焦点；服务端 action 需校验与授权；性能改动需实测、测试用户可见行为）、Effect 决策树（区分派生值、重置状态、响应事件、通知父组件、链式状态更新与外部系统同步各自应采用的方案）、Effect 规则（不压制 linter、使用更新函数、稳定依赖、为订阅返回清理函数等）、数据获取取消策略（AbortController、忽略标记、React Query 的 signal 传递）、初始化锁存与重取验证，以及工程纪律（保持简单、最小改动、避免临时方案、新抽象需出现三次以上）和一组验证清单与专题参考文件（测试、E2E、组件与状态、渲染与框架、Tailwind、测试选择、语言文件同步等）。
本技能介绍如何将 Tailwind CSS 集成到 React、Vue、Next.js、Svelte、SvelteKit、Angular、Nuxt、Astro、Remix 等主流框架中。内容涵盖各框架的项目创建、依赖安装、Vite 或 PostCSS 配置、CSS 入口导入方式，并给出带变体的按钮组件示例、深色模式集成（如 next-themes），以及在 Vue 中使用 @reference 或 CSS 变量处理 scoped 样式的方法。此外还整理了跨框架最佳实践，包括 Prettier 排序插件、VS Code 扩展、抽取可复用组件、用 clsx 与 tailwind-merge 处理条件类名以及配置路径别名，帮助开发者在不同技术栈中统一落地 Tailwind 的工程化用法。
Frappe 前端开发技能，用于基于 Frappe UI（Vue 3 + TailwindCSS）构建现代前端应用与门户页面。适用于为 Frappe 应用创建自定义 SPA、使用 Frappe UI 组件、通过 Resource/ListResource/DocumentResource 进行数据获取，以及创建门户/公开页面。技能涵盖脚手架搭建、main.js 配置、数据资源使用、组件与指令、TailwindCSS 配置、生产构建和门户页面等流程，并给出验证步骤、常见故障排查与注意事项。
Drupal 前端开发专家技能，面向 Drupal 8、9、10、11+ 的主题开发、Twig 模板、预处理函数与渲染系统。适用于创建或定制 Drupal 主题、编写和修改 .twig 模板、实现预处理函数、添加模板命名建议、管理 CSS/JS 库与依赖、实现响应式断点与移动优先设计、理解 Drupal 渲染管线以及实现主题相关钩子与修改。技能提供主题脚手架模板、主题化参考文档，并覆盖 Twig 语法与 Drupal 专用扩展、模板继承、条件加载库、字段值访问等常见模式，同时给出缓存清理、Twig 调试、性能与无障碍等最佳实践和故障排查方法。