threejs
这是一个 Three.js 与 React Three Fiber 的开发技能，覆盖引擎识别、场景图管理、GPU 资源释放、游戏循环、状态管理与性能优化等模式，面向使用 TypeScript 构建 3D 场景、游戏与交互应用的开发工作。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-21 00:11
前端与建站
10,946 个结果
check-fix-accessibility
用于前端项目（Web 与移动 Web，含 Next.js、React、Vue、Angular）的无障碍（a11y）检查与修复技能，默认以 WCAG 2.2 A/AA 为目标，提供审计流程、常见问题清单与修复模式。
hyperframes
HyperFrames 是一个把 HTML 组合渲染为 MP4/WebM 视频的工具：以 HTML 为视频源，用 data-* 属性控制时间、GSAP 时间线做动画、CSS 控制外观，引擎逐帧捕获页面并用 FFmpeg 编码。适合动态图形、字幕旁白、产品演示、社交叠加层与网站转视频。
vue
面向 Vue 3 开发的参考技能，用于编写 .vue 组件、创建组合式函数（use*）、构建客户端工具以及测试 Vue 组件与组合式函数，提供 Composition API 模式、组件架构与测试实践的分文件参考。
TanStack Router
TanStack Router 是面向 React 单页应用的类型安全路由方案，支持文件式路由、客户端导航、路由级数据加载（loader）及 TanStack Query 集成，适配 Cloudflare Workers 部署。资料未提供收费信息。
og-images
og-images 是一个用于指导在 Next.js 中创建 OpenGraph 与 Twitter 分享图片的技能，基于 next/og 的 ImageResponse 实现。它覆盖了布局模式、自定义字体、头像/Logo、标题大小写处理以及 Satori 渲染规则等内容。该技能帮助开发者生成动态的 OpenGraph（1200x630）和 Twitter（1200x600）分享图，并提供了基于文件的路由与 API 路由两种实现方式，以及元数据集成、常见问题排查和测试方法。
arcgis-performance
该技能用于优化 ArcGIS Maps SDK for JavaScript 应用的性能，涵盖加载速度、内存占用、包体积以及 2D MapView 与 3D SceneView 的渲染流畅度。内容按优先级组织：P0 包括地图初始化就绪模式、图层并行加载、按需导入与动态导入以减小包体积；P1 包括 FeatureLayer 查询优化、大数据集处理策略（聚类、分箱、服务端切片）、内存管理（销毁视图、句柄组清理、AbortController 取消查询、React 清理模式）、2D 视图性能（等待静止、防抖查询、比例尺依赖可见性）以及 3D 场景性能（质量配置、局部与全局查看模式）。
avalonia-api
Avalonia UI 框架的 API 与最佳实践参考技能，用于在 XerahS 的 UI 任务中查询 Avalonia 的绑定、控件或模板模式。内容涵盖 AXAML 基础、控件与 UI 元素、布局系统、数据绑定、基于 CommunityToolkit.Mvvm 的 MVVM 模式、样式与主题、依赖属性与附加属性、自定义控件、控件模板、资源与转换器、事件与命令、导航、跨平台模式、性能与最佳实践、开发者工具、常见错误以及 XerahS 中的常见模式。目标框架为 .NET 10.0+，文件扩展名为 .axaml，官方文档地址为 https://docs.avaloniaui.net/。
shadcn
shadcn/ui 是一套基于 Tailwind CSS 与 Radix UI 原语构建的组件库开发规范与最佳实践集合。其核心理念是“复制而非安装”：组件代码被直接复制到你的项目中，而不是作为依赖包安装，因此可以自由修改。组件具备可访问性（基于 Radix UI 原语，支持 ARIA）、完整 TypeScript 类型安全以及可组合性。文档涵盖初始化与添加组件的命令、常见 npm 缓存错误的排查方案，以及按钮、卡片、对话框、表单、表格、导航、反馈、加载状态等组件的用法示例，并介绍通过 cva 自定义变体、使用 OKLCH 格式的 CSS 变量进行主题定制、暗色模式切换以及组件组合模式。
syncfusion-flutter-signature-pad
Syncfusion Flutter SignaturePad（SfSignaturePad）是用于在 Flutter 应用中捕获手写签名或绘图的组件技能。它提供流畅的触摸与触控笔绘制体验，支持笔画颜色与宽度自定义、背景色或背景图、最小笔画校验、PNG/JPEG 等图像导出、清除与重置、只读模式以及绘制开始/绘制/绘制结束回调。适用于文档签署、表单与协议电子签名、审批流程、PDF 表单签名栏、合同与收据签署、注册与结账及配送确认、手写批注与简单绘图等场景。技能文档按入门、组件概览、自定义与样式、保存与导出、事件处理、高级功能、无障碍等章节组织，并附基础签名板、自定义签名板、带校验签名板、带背景图签名板及文档签署流程、多签名收集、只读展示、实时反馈等示例代码。
syncfusion-winui-avatar-view
Syncfusion WinUI AvatarView（SfAvatarView）是 Syncfusion 提供的 WinUI 3 桌面控件，用于在应用中显示用户头像与个人资料图片。它支持五种内容类型：默认头像、姓名首字母、自定义图片、预定义头像角色以及群组头像，并提供圆形、方形和自定义形状，以及从超小到超大的五档预设尺寸。控件内置首字母生成逻辑（单字符或双字符）、25 个预定义头像角色，以及最多显示 3 名成员的群组视图，无需自行实现即可完成常见头像展示需求。该控件位于 Syncfusion.UI.Xaml.Core 命名空间，通过 NuGet 包 Syncfusion.Core.WinUI 安装，适用于 WinUI 3 桌面应用（.NET 5+、Windows App SDK 1.0+），并需要注册许可证。常见用途包括用户资料页、联系人列表、聊天界面、团队成员展示和应用导航栏中的用户头像。
syncfusion-winui-circular-charts
Syncfusion WinUI 环形图（SfCircularChart）技能，用于在 WinUI 应用中实现饼图与圆环图等比例数据可视化。该组件支持图例、数据标签、工具提示、选中、扇区分离等交互功能，可配置调色板、渐变、半圆/四分之一圆变体，并支持多系列与实时数据绑定。本技能提供从安装 NuGet 包、XAML/C# 创建图表、绑定 ViewModel 到各视觉元素与交互配置的分步参考文档。
syncfusion-winui-masked-textbox
Syncfusion WinUI MaskedTextBox（SfMaskedTextBox）是用于 WinUI 3 桌面应用的输入控件，通过可自定义的掩码模式限制和格式化用户输入。它支持简单掩码与正则表达式掩码，提供提示字符、值格式化、错误指示、自定义错误图标与边框、标题与描述等能力，并可通过 ValueChanging 和 ValueChanged 事件实现实时校验。适用于电话号码、邮箱、日期、产品密钥、信用卡、SSN、IP 地址等需要格式约束的输入场景。
syncfusion-winui-range-slider
Syncfusion WinUI RangeSlider（SfRangeSlider）是用于 WinUI 桌面应用的双滑块范围选择控件，允许用户通过沿轨道移动两个滑块从较大数据集中选取一个数值区间。该技能提供从入门到进阶的完整实现指南，涵盖安装 Syncfusion.Sliders.WinUI NuGet 包、初始化控件、设置 RangeStart 与 RangeEnd、配置 Minimum/Maximum/Interval/StepFrequency，以及标签、刻度、分隔线、轨道、滑块与覆盖层、工具提示的外观定制和 RangeValueChanged 事件处理。适用于价格区间筛选、日期范围选择、音视频时间轴选区、数据筛选仪表盘和设置项等场景。
syncfusion-winui-ribbon
本技能提供 Syncfusion WinUI Ribbon 控件（SfRibbon）的实现指南，用于在 WinUI 3 桌面应用中构建类似 Microsoft Office 的选项卡式命令栏。控件按“Ribbon → 选项卡 → 组 → 项”的层级组织命令，支持普通按钮、下拉按钮、拆分按钮、切换按钮等多种项类型，并提供 Backstage 视图、快速访问工具栏（QAT）、简化布局与溢出菜单、Ribbon 库、KeyTip 键盘导航、ScreenTip 增强提示、响应式缩放、自定义控件承载以及主题与模板定制等能力。技能内容按主题拆分为多个参考文档，涵盖入门安装、选项卡与组、Ribbon 项、Backstage、快速访问工具栏、简化布局、高级功能与 UI 定制，并给出 XAML 与 C# 示例代码。适用于需要在 WinUI 3 应用中实现 Office 风格命令界面、文档编辑器工具栏、应用设置面板、紧凑布局、样式库、键盘可访问命令和响应式 Ribbon 等场景。使用前需安装 Syncfusion.Ribbon.WinUI NuGet 包并配置许可证。
syncfusion-winui-time-picker
Syncfusion WinUI TimePicker（SfTimePicker）是用于 Windows 桌面应用的时间输入与选择控件，提供下拉时间微调器（小时、分钟、AM/PM 列），支持时间范围限制、屏蔽特定时间、12/24 小时格式、本地化与 RTL 布局、掩码或自由编辑模式，以及下拉按钮、表头、单元格的深度自定义。控件位于 Syncfusion.Editors.WinUI NuGet 包，命名空间为 Syncfusion.UI.Xaml.Editors，适用于预约排期、时间录入表单、班次管理、会议安排等场景。
react-native-advanced
面向 React Native 与 Expo 应用开发的高级技能，聚焦 TanStack、XState、Zustand 生态。涵盖导航与鉴权路由、数据获取生命周期、无限滚动列表、表单处理、状态持久化、动画手势、底部弹窗、推送通知与 OTA 更新等模式，并列出移动端相对 Web 的库映射差异与常见陷阱。
react-web-advanced
React Web Advanced 是面向 React 应用的技能，针对基于 TanStack Router、TanStack Start 与 TanStack Virtual 构建的 Web 应用提供专门的模式与约定。它建立在 react-advanced（跨平台核心模式）之上，后者涵盖 React Query、XState、Zustand、Zod、TanStack Form 和 TanStack Table 的约定，本技能需先阅读该基础技能。该技能在共享核心之上增加三层：TanStack Router 负责路由与 URL 状态，包括类型安全导航、搜索参数和路由加载器；TanStack Start 负责全栈边界，如服务器函数（createServerFn）、SSR 和流式渲染；TanStack Virtual 负责大规模列表的虚拟化渲染（1000+ 项）。核心原则是 queryOptions 作为唯一数据源，只定义一次并到处导入。技能还涵盖路由加载器与 React Query 的配合、避免请求瀑布、React Compiler 下的性能模式、Suspense 边界放置、代码分割、文件组织约定（routes、queries、mutations、machines、stores、serverFns 等目录）、常见陷阱以及参考文件索引，内容偏工程实践与架构规范。
Format numbers
该技能用于在编辑 TSX 文件时，确保所有面向用户的数字都使用 @tryghost/shade/utils 中的 formatNumber 工具函数进行格式化。它适用于成员数、访客数、订阅数、邮件互动指标（打开、点击、退信）、收入金额、文章分析数据（浏览量、链接点击）等任何在界面中展示的计数或数量。使用时需从 @tryghost/shade/utils 导入 formatNumber，并避免使用原始的 toLocaleString()、手动 Intl.NumberFormat、未格式化的原始数字或手动正则格式化。相关工具函数还包括 formatPercentage()（用于百分比）、abbreviateNumber()（用于 1.2M、50k 等紧凑表示）以及 centsToDollars()（在传给 formatNumber 前将美分转换为美元）。
data-table
@virtuoso.dev/data-table 是一个支持虚拟化行列与远程数据的 React 数据表格组件，可用于排序、筛选、分组行、粘性列、列宽调整/重排/显隐与状态持久化，是 TableVirtuoso 的继任者。提供 shadcn 封装与 headless 两种安装方式。
weapp-vite-best-practices
面向 weapp-vite 项目的工程化实践手册，覆盖 vite.config.ts 的 weapp 配置、自动路由、routeRules/layout、自动导入组件、分包、npm、多平台、AI 工作流与 CLI 归属等主题。
drag-and-drop
这是一个基于 @atlaskit/pragmatic-drag-and-drop 实现拖拽与放置（Drag and Drop）功能的技术技能。它适用于实现可排序列表、可重新排序的项目、看板以及各类拖拽交互场景。文档给出了所需的模块导入方式，并强调一个关键模式：不要在 useEffect 依赖中加入易变的拖拽状态，而应使用 ref 保存易变状态并用 useCallback 包裹更新函数，否则处理程序会在每次状态变化时重新注册。资料还提供了基础的可拖拽项目模式代码，包含 combine、draggable、dropTargetForElements 的用法，自定义原生拖拽预览，最近边缘检测（attachClosestEdge、extractClosestEdge）、放置指示器（DropIndicator），以及两列表拖拽时的实例 ID 划分、放置后的重排处理函数和一份实现检查清单。
elementor-to-generateblocks
该技能用于将 Elementor 页面布局转换为干净的 GenerateBlocks V2 格式，目标是迁移到语义化的原生区块，减少不必要的包装层（即消除 DIVception），同时不丢失内容、设备可见性、CMS 查询和可用的小组件。转换过程仅使用 GenerateBlocks（含 Pro）和核心区块，CSS 保留在原生区块样式中，交互保留在原生区块中，除非用户明确要求，否则不添加 Scripts Manager、Page Block、Custom HTML/CSS/JS 或其他构建器。技能包含共享契约、转换工作流和交付规范，强调基于实际布局值而非类名进行判断，并需在真实编辑器中确认输出。
frontend-designer
Frontend Designer 是一个用于构建与审查现代前端界面的 AI 技能，基于 React、TailwindCSS v4 与 shadcn/ui 技术栈。它通过模式关键词或自然语言描述来调度工作流，共包含六种模式：Scaffold（搭建含完整技术栈的新项目）、Component（设计并构建单个生产级组件）、Page/View（构建完整页面、路由、屏幕、仪表盘或应用外壳）、Theme（配置或重构设计令牌系统）、Refactor（将现有前端代码现代化为当前最佳实践）、Audit（只读分析前端代码质量，不修改代码）。使用时通过 $ARGUMENTS 传入模式关键词加目标、自然语言界面描述或文件路径，系统据此路由到对应模式；空参数时显示模式与示例调用。它还包含分类判定环节，用于消解歧义输入，并在涉及后端、API、数据库、DevOps、测试、状态管理或路由等超范围话题时拒绝并重定向。技能强调可访问性（键盘导航、ARIA、焦点管理、WCAG AA 对比度）、现代 CSS（容器查询、:has()、逻辑属性）、视觉验收门槛以及针对不同领域的设计方向选择。仅用于前端界面相关工作。