SuperAPI AI 工具集找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-18 00:12
10,834 个结果
Syncfusion Angular Sparkline 是 Syncfusion Angular UI 组件集中用于紧凑型数据可视化的迷你图表组件。它可以在表格单元格、数据网格或仪表盘等狭小空间内渲染折线、柱状、面积、饼图与胜负（Win-Loss）五种火花线图，用于展示内联指标、趋势变化与顺序数据。组件支持标记（高、低、起点、终点、负值）、数据标签、工具提示、范围带、坐标轴设置、主题与 RTL 支持，并具备 WCAG 无障碍与键盘导航能力。使用前需从 @syncfusion/ej2-angular-charts 导入 SparklineModule，工具提示还需注入 SparklineTooltipService。该技能文档提供了从安装、类型选择、标记、标签到高级特性、外观与无障碍以及从 EJ1 迁移到 EJ2 的分步参考指南。
Syncfusion Angular Circular Gauge 是 Syncfusion Angular UI 组件库中的圆形仪表盘组件技能，用于实现径向（圆形）数据可视化。资料显示其可用于展示温度、转速、速度、压力或性能指标等径向数值，构建 KPI 仪表盘、监控系统和实时数据可视化，制作速度表、进度与状态指示，并支持指针拖动、范围区间、注释、动画、多轴多指针、响应式设计等特性。该技能文档采用导航式结构，包含组件概览、快速开始示例、常见模式与关键概念，并分节引用 API 参考、入门安装、轴配置、指针与类型、范围与样式、外观与动画、注释与交互等参考文档，便于按需查阅。使用方式上，需通过 npm 安装 @syncfusion/ej2-angular-circulargauge 包，在 Angular 组件中导入 CircularGaugeModule，并按需注入 GaugeTooltipService 等服务，随后在模板中配置 ejs-circulargauge、e-axes、e-axis、e-pointers、e-pointer 等元素及属性。具体收费、价格、平台支持范围、实际效果等信息暂未提供。
本技能介绍如何在 Angular 应用中使用 Syncfusion 实现交互式 Range Navigator（范围导航器）组件。内容覆盖从零创建组件、绑定本地数组或远程数据源、配置数值轴与日期时间轴、定制工具提示（格式化与 HTML 模板）、实现时间段选择器、添加多种系列类型（Area、Line、Spline、StepLine、StepArea）、启用轻量模式以优化移动端性能、支持 RTL 从右到左布局、格式化轴标签与网格刻度，以及导出或打印为图片或 PDF。同时涉及键盘导航与 ARIA 属性等无障碍支持，并处理空数据点等边界情况。技能面向 Angular 21+ 独立架构，可与 Chart、DataGrid 等 Syncfusion 组件集成。文档以参考文件形式组织，并提供包含导入、模块注入与属性配置的快速开始示例及常见使用模式。
这是 Syncfusion Angular TreeMap 组件的技能说明，用于在 Angular 应用中创建和定制树状图（TreeMap）以可视化层级或分组数据。每个矩形代表一个数据项，其大小由 weightValuePath 映射的数值字段决定，适合展示产品类别、区域分布、市场份额等需要体现相对规模的场景。该技能覆盖了从安装配置、数据绑定、颜色映射、层级布局到下钻导航、标签提示、图例、选择高亮、打印导出、无障碍支持与国际化的完整能力，并提供 API 参考与快速开始代码示例。
frontend-design 是一个用于创建高品质前端界面的技能，旨在帮助开发者构建具有独特设计风格、可达到生产级标准的前端组件、页面或应用。该技能强调在动手编码前先进行设计思考，明确界面要解决的问题、目标用户、审美方向和技术约束，并鼓励选择鲜明、明确的美学立场并以精确的方式执行。它适用于需要避免通用化、模板化“AI 风格”外观的场景，引导在字体、配色与主题、动效、空间构图、背景与视觉细节等方面做出有意识的创意选择，最终输出可运行的真实代码（如 HTML/CSS/JS、React、Vue 等）。使用时应根据美学愿景匹配实现复杂度：极繁主义设计需要更精细的动画与效果，极简或精致设计则需要克制、精准和对间距、排版与细节的关注。
Zustand 是一个面向 React 与原生 JavaScript 的极简状态管理库。它没有 Provider 包裹要求，样板代码极少，通过 create 即可创建 store，适合在需要管理共享状态的项目中替代更重的方案。核心 API 包括 set 用于更新状态（扁平字段自动合并、嵌套对象需手动展开、传入第二个参数 true 时整体替换且不合并）、选择器用于只订阅组件真正需要的状态（推荐逐个选择器，多值可用 useShallow 做浅比较以避免多余重渲染）、getState 在组件外非响应式读取状态、setState 在组件外更新状态、subscribe 订阅变化并返回取消订阅函数。对于非 React 环境，可从 zustand/vanilla 引入 createStore，同样具备 getState、setState、subscribe 能力。文档还按主题拆分了中间件（persist、devtools、immer）、模式（切片、测试、最佳实践）与 TypeScript 高级类型等参考文件。使用 persist 中间件时需关注持久化键是否明确，并确保写入存储的 JSON 不含认证令牌或密钥；使用 devtools 时建议仅在开发环境启用，或在合并代码时说明保留原因。
Component Scaffold Generator 用于生成 React/Vue 组件骨架，包含 TypeScript 类型、props 变体、样式钩子、测试文件、Storybook 故事与使用文档，帮助按统一结构快速创建生产级组件。
Puck 是面向 React 的可视化编辑器（页面搭建器），通过 config 声明可编辑组件，编辑器产出 JSON Data，应用自行存储并用 <Render> 渲染，数据由应用掌控，无托管内容库。
Syncfusion Angular Carousel 是一个用于在 Angular 应用中实现幻灯片（轮播）展示的组件技能。它帮助开发者按顺序展示图片、产品或内容，支持自动播放与手动导航，适用于图片画廊、精选内容轮播、促销横幅等场景。组件提供多种指示器样式（默认圆点、动态、分数、进度条）、内置动画效果（无、滑动、淡入淡出及自定义动画）、导航按钮（上一张/下一张，支持可见、隐藏、悬停显示）、触控滑动、键盘方向键导航以及自动播放功能。用户可通过模板自定义幻灯片内容、按钮与指示器外观，并通过事件处理在切换前后执行自定义逻辑。组件还支持 RTL 布局、状态持久化与无障碍访问。本技能提供完整的 API 参考，包含 30 个属性、5 个方法以及快速上手示例。
本技能用于在 Angular 应用中实现 Syncfusion 的 3D 圆形图表（饼图与圆环图）。涵盖图表创建、数据绑定、数据标签（含定位与模板）、空数据点处理、工具提示格式化与模板、图例配置与交互、标题与副标题、导出与打印（PNG、SVG、PDF）以及键盘导航和屏幕阅读器等无障碍支持。组件面向 Angular 21+ 的独立架构，提供智能标签定位、自定义数据标签模板、点颜色映射、半径与内半径定制等能力。文档按 API 参考、快速入门、饼图与圆环图配置、数据标签与空点、交互（工具提示/图例/选择）、外观与标题样式、打印导出与无障碍等主题组织，并附有最小可运行示例与常见模式代码片段。
Syncfusion Angular Linear Gauge 是用于在 Angular 应用中创建线性仪表组件的技能，可在水平或垂直的线性刻度上可视化测量值和指标。它支持范围、指针、标签、刻度、动画、交互事件、注释、导出打印、国际化与无障碍等能力，适合展示温度、压力、速度等标量数据。
Syncfusion Angular Sidebar 是 Syncfusion 提供的 Angular 侧边栏导航组件，用于实现可展开、可折叠的侧边容器，承载主导航或辅助内容。它支持 Push、Slide、Over、Auto 四种展开方式，可定位在左、右、上、下，并具备停靠（Dock）紧凑状态、触摸手势、动画、响应式与 RTL 等能力。组件可通过 show()、hide()、toggle() 等方法控制显隐，并支持 mediaQuery 自动开合、closeOnDocumentClick 外部点击关闭、showBackdrop 遮罩等交互。内容方面可集成 TreeView、ListView 或自定义 HTML，适合构建多级导航菜单、图标停靠栏和响应式侧边面板。
Payload CMS 操作技能，用于在代码仓库工作流中搭建与维护 Payload CMS（基于 Next.js 的无头内容管理系统）。覆盖新建 Payload 应用、在现有 Next.js 项目中集成 Payload、定义与演进集合（collections）、全局配置（globals）、访问控制与字段结构，运行本地开发与迁移，并验证管理后台与 API 行为。适用于内容建模、运行时排错与发布准备等场景。
用于 Decentraland SDK7 场景的 2D 屏幕空间 UI 构建技能，基于 React-ECS（JSX）实现 HUD、菜单、血条、对话框、通知、按钮、输入框和下拉框等界面。
Vue.js 3 最佳实践指南，覆盖 Composition API、组件设计、响应式模式、Props 与事件、模板、代码组织、TypeScript、错误处理，以及 Tailwind CSS 与 PrimeVue 的集成规范。
Critique 是一个设计评审技能，对项目中的 HTML 制品做 5 维度专家评审（哲学一致性、视觉层级、细节执行、功能性、创新性），每项打 0–10 分并给出证据与改进清单，最终生成单文件 HTML 评审报告。
用于在 Angular 应用中实现 Syncfusion ContextMenu（上下文菜单）组件的技能，支持右键与长按呼出菜单，提供嵌套项、动态增删启停、数据绑定、动画、模板与事件处理等能力。
Syncfusion Angular Menu 是用于 Angular 应用的导航菜单组件。它可作为应用或网站的导航头部，支持多级嵌套菜单项、丰富的自定义、数据绑定、模板、动画、事件处理、国际化、状态持久化和移动端友好的汉堡菜单模式。该技能面向需要创建导航菜单、层级菜单结构、子菜单、动态增删菜单项、处理菜单事件、应用动画、添加图标和导航链接、实现无障碍及主题定制的开发场景，并配套了从入门、数据绑定、菜单项定制、动画方向、事件交互到完整 API 参考等系列文档导航。
Bitrix CMS 基础技能，面向经典 CMS 层开发，涵盖站点与站点模板布局、#WORK_AREA# 规则、CSS 放置与合并、页面与目录属性、菜单、包含区域、面包屑、分页（PageNavigation 与 bitrix:main.pagenavigation）、用户字段及其自定义类型等内容。基线版本为 main 23.0+，已验证至 main 26.800.0。
threejs-r3f 是一套面向 React Three Fiber（R3F）与 Drei 的技能说明，用于构建或修复 React 环境中的 Three.js 场景。它围绕版本与依赖匹配、Canvas 渲染归属、Fiber 钩子使用边界、声明式场景与 useFrame 中的 ref 变更、Suspense 与错误边界、资源缓存与克隆、按需渲染以及测试要点等方面给出指导。内容强调以项目已安装的版本和现有架构为准，不授权进行无关改动或对外操作。
React Native Elements 组件库的最佳实践指南，涵盖导入与初始化、主题架构、组件选型、列表性能、属性配置、样式、事件回调及进阶模式共 45 条规则，按影响优先级排列，用于在 React Native 项目中使用 RNE 时指导组件用法、主题配置与性能优化。
Syncfusion Angular AppBar 是一个灵活的导航组件，也称为操作栏或导航栏，用于展示与当前应用屏幕相关的信息和操作，可承载品牌标识、屏幕标题、导航入口和操作按钮。该技能指导开发者在 Angular 项目中实现 AppBar，支持顶部、底部和粘性（Sticky）定位，提供 Regular、Prominent、Dense 三种尺寸模式，以及 Light、Dark、Primary、Inherit 四种颜色模式，并可通过 Spacer 和 Separator 组织内容布局。AppBar 可与 Syncfusion 的 Button、DropDownButton、Menu、Sidebar 等组件集成，适用于导航头部、粘性页头、响应式导航、品牌与布局展示等场景。技能文档按入门、定位与布局、尺寸与颜色、设计模式、样式与自定义、API 参考等主题分节，并给出最小实现示例与常见模式代码。
该技能提供针对 React、Vue、Angular、Svelte、Next.js 和 Tailwind CSS 的框架专属无障碍（可访问性）模式与修复模板。内容以各框架常见无障碍陷阱对照表（问题模式、问题说明、修复方式）和代码修复模板为主，覆盖键盘可访问性、焦点管理、ARIA 属性绑定、动态内容播报、动画偏好、颜色对比度等主题，帮助开发者在具体框架中定位并修正无障碍问题。
面向 Vue 3 的 JavaScript 专家技能：用纯 JavaScript 与 JSDoc 类型注解（不用 TypeScript）创建组件、可复用 composable，配置 Vite 项目，并搭建路由与状态管理。