vunor
Vunor 是一个 Vue 3 + UnoCSS 设计系统与组件库，包含 presetVunor 主题预设和 30 多个基于 Reka UI 的无障碍组件，全部通过 UnoCSS 类样式化，无 CSS 文件。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-22 00:14
前端与建站
10,964 个结果
spartan-ng-developer
面向 Angular 项目的 Spartan/ng UI 开发技能，基于 @spartan-ng/helm 与 @spartan-ng/brain，生成组件代码与使用指导，覆盖安装、主题、表单、浮层、布局等。
build-mtng-tools-vue
该技能用于按 ./spec/README.md 中的规格开始构建或修改 Vue 组件与组合式函数（composable），并会参考其引用的其他技能。构建过程中若发现新需求且已有人工交互，需同步更新该规格文件。
plan-mtng-tools-vue
plan-mtng-tools-vue 是一个用于启动 Vue 组件或组合式函数（composable）规划流程的技能，通过 mtng-tools-vue 技能及其引用的技能，围绕 ./spec/README.md 展开规划。
svelte-meta-tags-companion
svelte-meta-tags 的配套参考技能，用于在编写或审查导入 MetaTags、JsonLd、deepMerge、defineBaseMetaTags、definePageMetaTags 的代码时，识别常见错误与标签不渲染的原因。
seo-and-meta-tags-in-sveltekit
面向 SvelteKit 项目的 SEO 与 Meta 标签指南技能，介绍使用 Svelte:head 组件添加元信息、实现 canonical URL 以及创建可复用 SEO 组件，并包含一套强制性的记忆协议流程。
vercel-react-best-practices
Vercel React Best Practices 是由 Vercel Engineering 维护的 React 与 Next.js 性能优化指南技能，用于编写、审查或重构 React/Next.js 代码时参考。该技能包含按影响程度排序的 8 大类共 70 条规则，覆盖消除异步瀑布、包体积优化、服务端性能、客户端数据获取、重渲染优化、渲染性能、JavaScript 性能以及高级模式。每条规则以独立文件形式提供，包含问题说明、错误代码示例与正确代码示例，可用于指导自动化重构与代码生成。
peach-markitdown
将 PDF、PPTX、DOCX、XLSX、HTML、CSV、JSON、XML、ZIP、EPUB、图片等文档文件转换为 Markdown 的技能，另通过 python-hwpx 单独支持 HWPX。支持单文件与文件夹批量转换，输出到独立文件夹并生成摘要与失败日志。不处理语音转写、OCR 改进或文档编辑。
elite-accessibility
Elite Accessibility 是一个面向网页动效的无障碍与 WCAG 合规技能，属于 rshvr/elite-web-design 技能集。它强调每个动画都必须提供 prefers-reduced-motion 替代方案，并覆盖减少动效、WCAG 对比度、焦点与键盘、包容性美学、触摸交互等主题。资料建议该技能与 elite-gsap 或 elite-css-animations 共同加载使用。技能提供 CSS、GSAP（gsap.matchMedia）以及 CSS 滚动驱动动画的代码示例，并给出动画安全分级、替代方案对照表、屏幕阅读器注意事项、测试方法与实现清单。
html-design-examples
提供一组单文件 HTML 示例的参考画廊，用于展示如何用 HTML 更有效地传达信息。适合同类任务需要制作面向人阅读的 HTML 交付物时作为视觉与结构参考。
fineui-datalist
FineUI DataList 数据列表技能，帮助开发者实现静态列表项、服务端数据绑定、图文内容、单选与多选、分组、导航和加载更多，适用于移动端与卡片式可选中列表，并覆盖 F.js、FineUI.Pro、FineUI.Core 与 FineUI.Java 多种写法。
fineui-panel
FineUI 容器组件技能，讲解 Panel（含 ContentPanel、GroupPanel、工具栏、折叠、标题栏工具图标）、TabStrip（静态/iframe 标签、动态增删）与 Accordion（手风琴）的用法，覆盖 F.js、Pro、Core-MVC、Core-RazorForms/RazorPages 与 FineUI.Java 多种写法。
cursor-reveal-hero
用于在前端项目中构建、修复、调优和验证交互式光标拖尾遮罩揭示首屏效果的技能。基础图始终可见，揭示图仅通过渐隐遮罩显现，公式为 final = baseImage + revealImage * softCursorTrailMask。
website-to-hyperframes
Website to HyperFrames 是一个把网站抓取后制作成 HyperFrames 视频的技能，适用于用户提供网址并希望生成产品发布、社交广告或产品导览视频的场景。
syncfusion-aspnetcore-timepicker
Syncfusion ASP.NET Core（EJ2）TimePicker 组件技能，用于在网页中添加时间选择输入框，支持弹窗选择或直接输入时间，并涵盖时间范围、严格模式、掩码、全球化、RTL 与无障碍等配置。
syncfusion-maui-toolkit-chips
Syncfusion .NET MAUI Chips 是用于在 .NET MAUI 应用中实现紧凑、可交互标签控件的技能包，主要围绕 SfChip 和 SfChipGroup 两个组件展开。Chips 可用于以视觉化、可定制的方式展示、选择、筛选信息或触发操作，适用于标签、分类、筛选、输入等界面场景。该技能涵盖了单个 chip 组件的创建与定制，以及 chip 组的容器管理，支持 Input、Choice、Filter、Action 四种 chip 类型，支持单选与多选模式，支持通过 ItemsSource 进行数据绑定，支持图标、背景图、字体、边框、颜色等样式定制，并可通过事件与命令处理选中、点击与移除等交互。
syncfusion-maui-toolkit-circular-charts
Syncfusion .NET MAUI 环形图技能（SfCircularChart）用于在 .NET MAUI 应用中实现饼图、圆环图和径向条形图等圆形数据可视化。它支持数据绑定、数据标签、图例、工具提示、爆炸效果、选择、数据分组和导出等功能，适合展示部分与整体的比例关系及数据分布。
syncfusion-maui-toolkit-funnel-charts
该技能用于在 .NET MAUI 中实现与自定义 Syncfusion 漏斗图控件（SfFunnelChart）。漏斗图以逐级收窄的区段呈现数据，适合表达销售管道、转化漏斗、营销活动等流程中各阶段的变化。资料列出了该控件的主要能力：用户交互（选择、工具提示、图例切换）、数据标签（可自定义位置与样式）、可滚动图例、外观自定义（颜色、渐变、间距、效果）、垂直或水平方向显示，以及将图表导出为图片。技能文档按主题分章节，包含入门指南（通过 NuGet 安装 Syncfusion.Maui.Toolkit、XAML 与 C# 基础实现、创建视图模型与数据模型、使用 ItemsSource、XBindingPath、YBindingPath 进行数据绑定、添加标题、图例、工具提示与数据标签）、数据标签、外观与自定义、图例、工具提示、高级特性（方向、区段间距、间隙比例与尺寸）以及导出。适用于需要制作漏斗图、销售漏斗可视化、转化漏斗、层级数据或转化率/流失分析的场景。具体收费、价格、版本要求与运行环境等资料暂未提供。
syncfusion-maui-toolkit-linear-progressbar
该技能用于在 .NET MAUI 应用中实现和定制 Syncfusion Linear ProgressBar（SfLinearProgressBar）控件。它展示矩形条状的任务进度，支持确定进度、不确定进度与缓冲（双进度）状态，可将进度条分割为多个分段，并提供颜色、渐变、粗细、内边距、圆角半径、动画缓动和范围颜色等外观定制能力，同时提供进度变化与完成事件。适用于文件上传下载、数据处理、视频缓冲等需要进度指示的场景。使用方式包括安装 Syncfusion.Maui.Toolkit NuGet 包、注册 Syncfusion Core 处理器并初始化控件。
syncfusion-maui-toolkit-picker
这是一个用于在 .NET MAUI 应用中实现 Syncfusion Picker（SfPicker）控件的技能文档。它指导开发者构建可自定义的选项选择界面，支持多列选择、多种显示模式（默认、对话框、相对对话框）以及丰富的外观定制。适用于日期选择器、时间选择器、颜色选择器、国家/地区选择器等需要从可滚动列表中选取条目的场景。该技能涵盖安装配置（NuGet 包 Syncfusion.Maui.Toolkit、注册 ConfigureSyncfusionToolkit 处理程序）、选择器模式与显示、列配置、页眉页脚与选择视图、列标题、数据填充与绑定、事件与命令、自定义与样式、无障碍、本地化以及循环滚动等高级功能，并配有分主题的参考文档导航指引。
syncfusion-maui-toolkit-shimmer
Syncfusion .NET MAUI Shimmer（SfShimmer）是用于实现加载占位效果的控件，可在内容后台加载时显示动画微光占位，提升应用响应感知。它支持 7 种内置布局类型（CirclePersona、SquarePersona、Profile、Article、Video、Feed、Shopping），也支持通过 ShimmerView 的 Circle、Rectangle、RoundedRectangle 形状自定义布局。可配置波纹方向（5 种）、宽度和动画时长，独立设置 Fill（背景色）与 WaveColor（高亮色），通过 RepeatCount 纵向重复排列，并用 IsActive 在微光与已加载内容之间切换。适用于添加加载占位、展示骨架屏、替代旋转加载指示器等场景。
syncfusion-maui-toolkit-spark-charts
Syncfusion .NET MAUI Spark Charts 是用于在 .NET MAUI 应用中实现 SfSparkChart 控件的开发技能，专注于轻量级微型数据可视化。它适合在仪表盘、表格和报表等紧凑空间内展示数据趋势。该技能涵盖四种内置图表类型：折线图（SparkLineChart）、面积图（SparkAreaChart）、柱状图（SparkColumnChart）和胜负图（SparkWinLossChart）。核心能力包括数据绑定（支持 ObservableCollection、List、IEnumerable）、标记显示与自定义（仅折线图和面积图）、数据点样式（首点、末点、最高点、最低点、负值）、轴显示与原点配置、范围带高亮，以及针对微型可视化的性能优化。该技能提供从安装配置、图表类型选择、标记与标签、样式外观、数据绑定到轴与范围的分步参考文档，并附带可直接使用的示例代码。使用前需完成 NuGet 包安装和 MauiProgram.cs 中的处理器注册。
minoan-frontend-design
这是一个用于构建独特、生产级前端界面的设计技能，适用于网站、落地页、仪表盘、React 组件和 HTML/CSS 布局等。它强调设计应像特定设计师为特定场景做出的具体选择，而非模型生成的通用产物。技能要求在编码前建立设计上下文（如检查 .design-context.md 或运行 /shape），先命名概念方向，再让所有美学决策扎根于主题本身。它涵盖排版、色彩、动效、空间构图、氛围与纹理等方面的具体指导，并明确列出应拒绝的通用 AI 美学（如 Inter、Roboto 等默认字体、紫色渐变、居中布局、三等分卡片行等）。构建后提供审计、评审、规范化、加固和打磨的 QA 工作流，并附带大量参考文档，涉及工程规范、设计系统、反模式、启发式评分、认知负荷、人物角色以及多个真实产品的设计令牌与组件模式。
gluestack-accessibility
gluestack-accessibility 是一个面向 gluestack-ui 无障碍实现的技能，用于在 React 与 React Native 平台构建符合 WCAG 2.1 AA 标准的可访问用户界面。它涵盖 WAI-ARIA 模式、屏幕阅读器支持、键盘导航、焦点管理等内容。技能介绍了 gluestack-ui 组件内置的无障碍特性，以及如何通过 accessibilityLabel、accessibilityHint、accessibilityRole、accessibilityState 等 React Native 无障碍属性，和面向 Web 的 ARIA 属性来增强可访问性；同时提供表单标签关联、错误播报、动态内容播报、图片替代文本、模态框焦点陷阱、键盘快捷键、触摸目标尺寸、减弱动画、颜色对比度等最佳实践及代码示例。