SuperAPI AI 工具集找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-17 00:11
10,792 个结果
Syncfusion Angular Breadcrumb 是 @syncfusion/ej2-angular-navigations 包中的面包屑导航组件（ejs-breadcrumb），用于在 Angular 应用中显示用户当前所处的页面层级位置，并提供指向父级页面的可点击链接。组件支持多种数据绑定方式（指令式 items、基于 URL 生成、静态配置）、字体图标/图片/SVG 图标、导航开关控制、6 种溢出处理模式（Collapsed、Menu、Wrap、Scroll、Hidden、None）、itemTemplate 与 separatorTemplate 模板自定义，以及 beforeItemRender 事件。适用于电商分类、文件系统路径、文档站点、博客、后台管理、多步骤表单等层级导航场景。
面向现代 UI 组件开发的技能指南，涵盖可访问性、可组合 API、设计令牌与主题、状态管理、多态模式、数据属性、样式方案及组件发布与文档。
Angular Material 是一个用于构建 Angular 应用界面的技能，聚焦 Angular Material 组件库、主题定制与无障碍界面设计。内容涵盖表单控件、导航、布局、数据表格与分页、对话框与提示条等组件；自定义主题、配色与排版、暗色模式、组件定制及 CSS 变量集成；以及 CDK 的覆盖层、拖放、虚拟滚动、无障碍工具与自定义组件创建。同时涉及响应式设计、无障碍合规、性能优化与 Material 模块懒加载等最佳实践。学习前提包括 Angular 核心基础、CSS/SCSS 基础与组件架构知识。
面向生产环境的 GSAP v3 动画技能包，覆盖核心补间、时间线与 ScrollTrigger、Flip、Draggable、SplitText、SVG、物理等插件，并强调性能优化、无障碍降级与 React/Next.js 清理。
Syncfusion Angular Accordion 是用于 Angular 应用的可折叠内容面板组件，可将相关内容组织为可展开/收起的垂直分区。它支持单展开与多展开模式、数组或 OData 数据绑定、运行时动态增删项目、展开/收起/点击事件处理、自定义动画、嵌套手风琴、TreeView 集成以及 ng-content 内容投影。常见用途包括 FAQ 问答、多步骤向导、分步表单、设置面板、导航菜单和帮助文档。该技能提供从安装配置、数据绑定、动态交互到高级特性与实战模式的参考文档和代码示例。
pretext 是面向 JavaScript/TypeScript 的多行文本测量与排版库，基于缓存字体度量做纯算术计算，不触发 DOM 重排。可计算段落高度与行数、生成逐行布局、支持 emoji、CJK、RTL 等混合文本，适用于性能敏感渲染与 SSR 场景。
Angular Architect 是一个面向 Angular 17+ 的资深架构类技能，专注于使用独立组件（standalone components）、signals 以及企业级应用开发实践来构建 Angular 应用。其核心工作流覆盖需求分析、架构设计、功能实现、状态管理、性能优化与测试。它能生成 Angular 17+ 独立组件，配置带有懒加载与守卫的高级路由，实现 NgRx 状态管理，应用 RxJS 模式，并使用 OnPush 变更检测策略。该技能还提供组件、RxJS、NgRx、路由、测试等主题的参考指南，并给出独立组件结合 signals、RxJS 订阅管理、NgRx action/reducer/selector 等关键代码模式，同时列明必须遵循与禁止的约束，如使用严格 TypeScript 配置、避免忘记取消订阅、不得直接变更 NgRx 状态等。
该技能用于 put.io 终端用户应用与共享前端包的开发与评审，覆盖 UI、状态管理、测试、文档、测试框架、交付流程以及前端开发机器环境准备。它强调在目标仓库自身的指导说明与既有代码惯例之后，再套用 put.io 共享的前端工程默认规范，适用于 put.io 前端仓库的任务。
tour-guide 是一个自研的 React/Next.js 应用内产品导览（spotlight onboarding overlay）技能：无需 joyride、intro.js、driver.js 等任何导览库，仅用一个组件加 data-tour 约定实现图层遮罩、元素高亮挖孔、tooltip 标签和点击关闭提示，支持移动端与桌面端。
本技能介绍如何在 Angular 应用中使用 Syncfusion 的 3D 图表组件（Chart3D）构建交互式三维数据可视化。适用于从零创建 3D 图表，支持柱状图、条形图及其堆叠变体；可自定义外观、颜色与样式；配置类别轴、数值轴、日期时间轴、对数轴；添加工具提示、选择、数据标签、图例等交互功能；支持本地或远程数据绑定；支持导出或打印为图片或 PDF；并涵盖屏幕阅读器与键盘导航的无障碍支持，以及三维尺寸与透视设置。组件面向 Angular 21+ 独立架构。
Syncfusion Angular Timeline 是 Syncfusion Angular UI 组件库中的时间线组件，用于按时间顺序展示事件或里程碑。它支持垂直与水平两种布局方向，提供 Before、After、Alternate、AlternateReverse 四种内容对齐方式，并可通过 oppositeContent 实现双侧内容展示。组件支持点（dot）与连接线的样式定制、基于模板的完全布局控制、条目级别的禁用与样式设置，以及 created 和 beforeItemRender 事件处理。适用于产品路线图、项目时间线、活动流、职业与教育经历、公司历史、行程安排、新闻时间线等场景。
TanStack Table 是一个用于构建数据表格的库，本技能介绍其使用 meta 字段模式向单元格传递回调行为的实践，替代在列定义中使用闭包。适用于创建数据表格、实现排序等场景。核心做法是将列定义提升到组件外部保持稳定，通过 TableMeta 扩展类型安全，并在 useReactTable 的 meta 选项中传入 onEdit、onDelete 等回调，由单元格通过 table.options.meta 调用。相比闭包写法，该模式可避免因回调变化导致列数组重建和额外重渲染。资料还提供了 GitHub 仓库、DeepWiki 仓库及 Context7 库 ID 等参考入口。
UI 组件架构（ui-component-architecture）是一套面向 React 项目的组件组织规范，用于解决智能体把页面写成数百行内联 div 与 Tailwind 样式、重复实现已有 Button、Card、Badge 等基础组件的问题。它要求先复用再编写，保持页面（路由/屏幕）轻薄，并把真正可复用的展示型单元沉淀到独立的共享 UI 包中。该技能在编写或重构页面、路由、屏幕、组件时触发，强调共享 UI 包必须是独立包，其路径与导入别名按仓库实际情况（如 package.json workspaces、packages/*、vendor 目录）发现，不预设固定名称。它同时给出何时使用、何时不使用、组件边界判断、样式令牌与变体、工作流程、过度抽取的识别与修正，以及配套的 AGENTS.md 常驻规则和 ESLint 边界护栏等参考。
Base UI React（@base-ui-components/react）是 MUI 推出的无样式、可访问的 React 组件库，采用 render prop API 而非 Radix 的 asChild 模式。该技能为在真实项目中配置与使用 Base UI 提供生产验证过的方案，涵盖安装、首个组件示例、需要定位的组件写法、render prop 模式、Positioner 模式、组件清单以及 10 余个已知问题的预防方法。当前处于 Beta（v1.0.0-beta.4），稳定版预计 2025 年 Q4 发布；依赖 React 19+，推荐 Vite 与 Tailwind v4。核心组件 Dialog、Popover、Tooltip、Select、Accordion 已被认为可用于生产。
本技能用于指导在 Angular 应用中实现 Syncfusion Angular ListView 组件。该组件用于以列表形式展示数据，支持本地与远程数据绑定、分组与嵌套列表、自定义模板、单选/多选与复选框、事件系统、拖拽排序、面向大数据集的虚拟化、AJAX 内容加载、分页以及可访问性支持。技能面向需要构建交互式列表界面的场景，例如数据驱动列表、分组列表、模板化列表、复选框多选、动态增删条目，以及聊天窗口、清单、双列表等模式。安装命令为 npm install @syncfusion/ej2-angular-lists --save，运行命令为 ng serve --open。
一个面向 Web 性能优化的技能，按“测量→定位→排序→实施→验证”的系统流程，改善包体积、图片、缓存、懒加载与整体页面速度，适用于站点变慢、需要缩减 bundle 或修复布局偏移等场景。
这是一个用于指导创建独特、生产级前端界面的技能，旨在避免千篇一律的“AI 味”设计。当用户要求构建 Web 组件、页面或应用时，该技能会引导先进行设计思考，确定明确的美学方向（如极简、复古未来、编辑杂志风、工业实用风等），再实现可运行的真实代码。它强调排版、配色、动效、空间构图和背景细节，要求使用有特色的字体、统一的色彩主题、有冲击力的动画和打破常规的布局，并明确避免 Inter、Roboto 等通用字体和紫色渐变等陈词滥调。适用于需要高设计质量、有辨识度的前端界面构建场景。
Tailwind CSS 是一个实用优先（utility-first）的 CSS 框架，通过提供低层级工具类来构建自定义设计，无需手写 CSS。它支持响应式设计、深色模式、通过配置进行定制，并能与 React、Vue、Svelte、Next.js、SvelteKit 等现代框架无缝集成。适合快速原型开发、组件化框架项目、需要响应式与深色模式支持的项目，以及希望避免维护 CSS 文件的团队。
WordPress Pro 是一个面向 WordPress 开发的专家级技能，专注于自定义主题与插件开发、Gutenberg 区块与区块模式的创建与注册、WooCommerce 商店配置以及 WordPress 性能优化。它提供了一套完整的工作流程：从分析需求、设计架构、按 WordPress 编码标准实现，到用 phpcs 校验、缓存与查询优化、安全审计与测试。该技能强调安全最佳实践，包括 nonce 验证、输入清理、输出转义、预处理语句和权限检查，并附带主题开发、插件架构、区块开发、钩子过滤器、性能与安全等参考文档。适用于需要构建或维护 WordPress 站点、开发自定义功能、优化性能与加固安全的开发者场景。
Senior Frontend 是一个面向 React、Next.js、TypeScript 与 Tailwind CSS 应用的前端开发技能，提供项目脚手架、组件生成、打包体积分析与性能优化等能力。它适用于搭建新项目、生成组件与自定义 Hook、分析并优化前端打包体积、实现或审查 Compound Components、Render Props 等高级 React 模式，以及保障无障碍合规与测试策略。技能内置脚手架脚本、组件生成脚本和打包分析脚本，并附带 React 模式、Next.js 优化与前端最佳实践参考文档。
Syncfusion Angular Progress Bar 是一个用于 Angular 应用的轻量级进度条组件，能够以可视化方式展示任务或流程的完成进度。它支持线性、圆形和半圆形三种形状，以及确定、不确定和缓冲三种进度模式，并提供动画过渡、颜色与粗细定制、分段、圆角、半径与内半径等外观配置。组件支持在主进度之外显示次要（缓冲）进度，可展示进度百分比文本，并提供 valueChanged、progressCompleted、textRender 等事件以及与 Angular 变更检测配合的响应式数据绑定。该组件注重无障碍支持，符合 WCAG 2.1 规范，包含 WAI-ARIA 属性与键盘导航。典型使用场景包括文件上传/下载进度、加载状态动画以及多进度状态展示。不适用于加载骨架、步骤指示器或时间线可视化，这些场景应使用 Skeleton Loader、Stepper 或 Timeline 组件。
Vue 3 与 Vue.js 最佳实践技能，覆盖 TypeScript、vue-tsc、Volar 及组件模式。适用于编写、审查或重构 Vue 3 组件时参考。内容以速查表形式组织，按主题分为 TypeScript、Volar、组件、工具链和测试五类，并给出关键模式与常见错误。
Syncfusion Angular Dashboard Layout 是一个基于网格结构的布局组件，用于在 Angular 应用中创建响应式、可交互的仪表盘。面板支持拖拽重排、多方向缩放、动态添加与删除，并可通过序列化方法保存和恢复布局状态。组件提供列数、单元格间距、宽高比、响应式断点等配置，支持浮动面板自动填充空位、RTL 语言渲染、网格线可视化以及 HTML 内容净化。面板可嵌入图表、表格、仪表等 Syncfusion 组件作为内容，适用于分析看板、管理后台、实时监控和用户自定义布局等场景。
Syncfusion Angular Sparkline 是 Syncfusion Angular UI 组件集中用于紧凑型数据可视化的迷你图表组件。它可以在表格单元格、数据网格或仪表盘等狭小空间内渲染折线、柱状、面积、饼图与胜负（Win-Loss）五种火花线图，用于展示内联指标、趋势变化与顺序数据。组件支持标记（高、低、起点、终点、负值）、数据标签、工具提示、范围带、坐标轴设置、主题与 RTL 支持，并具备 WCAG 无障碍与键盘导航能力。使用前需从 @syncfusion/ej2-angular-charts 导入 SparklineModule，工具提示还需注入 SparklineTooltipService。该技能文档提供了从安装、类型选择、标记、标签到高级特性、外观与无障碍以及从 EJ1 迁移到 EJ2 的分步参考指南。