SuperAPI AI 工具集找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-22 00:14
10,948 个结果
本技能介绍如何在 WinUI 应用中实现 Syncfusion 的 DropDown Color Picker 控件（SfDropDownColorPicker），用于带下拉功能的交互式颜色选择。控件以颜色光谱下拉按钮形式呈现，支持 RGB、HSV、HSL、CMYK、十六进制等多种颜色通道模式，可调整不透明度，并提供下拉位置、拆分按钮模式、自定义模板、事件与命令绑定等定制能力。技能内容涵盖安装 Syncfusion.Editors.WinUI NuGet 包、命名空间 Syncfusion.UI.Xaml.Editors、基础 XAML 与 C# 实现、颜色变更事件处理、下拉模式与放置、头部与 UI 自定义等参考指南，适合需要在 WinUI 界面中集成颜色选择功能的开发者。
本技能文档介绍如何在 WinUI 3 桌面应用中实现 Syncfusion WinUI 评分控件（SfRating），用于在数值刻度上收集用户评分与反馈。控件位于 Syncfusion.UI.Xaml.Editors 命名空间，依赖 NuGet 包 Syncfusion.Editors.WinUI，适用于 .NET 5+ 的 WinUI 3 桌面应用。主要内容涵盖：通过 Items 集合或 ItemsCount 属性初始化控件；支持 Full（整数）、Half（0.5 递增）与 Exact（任意小数）三种精度模式；可通过 RatedItemStyle、UnratedItemStyle、ItemSize、Orientation 等进行样式与外观定制；支持自定义模板（星形、心形、表情、图片、字体图标等）；提供只读模式（IsReadOnly）用于展示平均分；支持悬停提示（EnableToolTip、ToolTipFormat）、清除评分（IsClearEnabled）与占位值（PlaceholderValue）等功能。文档还给出常见用例（产品评价、平均分展示、满意度调查、电影评分）、关键属性表、最佳实践、常见错误与故障排查思路，以及 ValueChanged 事件的使用方式。
Syncfusion WinUI Segmented Control（SfSegmentedControl）是 Syncfusion 提供的 WinUI 3 桌面控件，用于在线性的两段或更多分段中实现互斥的选项选择。每个分段作为一个互斥选项，可作为单选按钮或选项卡的简洁替代方案。该控件内置滑动动画、阴影效果与明暗主题支持，并支持丰富的样式自定义。控件位于 Syncfusion.UI.Xaml.Editors 命名空间，NuGet 包为 Syncfusion.Editors.WinUI，适用于 WinUI 3 Desktop（.NET 5+、Windows App SDK 1.0+）。其主要能力包括：用字符串集合或业务对象填充分段；通过 SelectedIndex、SelectedItem 及 SelectionChanged 事件处理选择逻辑；自定义选中分段样式、阴影、圆角与边框；通过 SetItemEnabled 条件禁用特定分段；使用 ItemTemplate、ItemTemplateSelector、ItemContainerStyleSelector 实现条件模板与样式；支持键盘导航与浅色/深色主题。典型场景包括视图模式切换器、筛选栏、设置切换、类标签导航与仪表盘控件等。
Syncfusion WinUI Shimmer（SfShimmer）是 Syncfusion 为 WinUI 3 桌面应用提供的加载占位控件，用于在数据加载期间显示骨架屏（skeleton screen）动画。该控件位于 Syncfusion.UI.Xaml.Core 命名空间，通过 NuGet 包 Syncfusion.Core.WinUI 引入，支持 .NET 5+ 与 Windows App SDK 1.0+。它内置 7 种骨架布局类型：CirclePersona、SquarePersona、Profile、Article、Video、Feed、Shopping，可通过 Type 属性直接切换；也可通过 CustomLayout 属性使用 Grid、StackPanel、Rectangle、Ellipse 等元素自定义占位结构，以匹配实际内容排版。外观与动画可通过 Fill（占位背景色）、WaveColor（波纹颜色）、WaveWidth（波纹宽度）、WaveDuration（动画时长，毫秒）、RepeatCount（重复次数，用于列表）等属性调整。典型用法是在加载开始时显示 Shimmer，数据就绪后隐藏并展示真实内容，从而改善用户感知性能。该控件主要服务于列表/信息流、个人资料、媒体内容与电商商品等场景的加载反馈。
该技能用于指导使用 Next.js App Router（Next.js 13+）构建现代 Web 应用，涵盖基于文件系统的路由结构、布局与模板、动态路由与 generateStaticParams、加载 UI 与流式渲染、错误边界与 404、路由组、并行路由、拦截路由、Metadata API 与 SEO、Route Handlers（API 路由）以及 Middleware。适合需要实现复杂路由、服务端组件、流式性能优化和 SEO 友好应用的开发场景。资料未提供收费、价格、平台限制或安装命令等信息。
React 技能，为现代前端应用提供 React 开发支持，涵盖组件开发、Hooks 实现、状态管理、Context API 使用以及组件模式与组合。适用于处理 React 组件、JSX、Hooks、Context 等前端开发任务。资料中包含项目结构示例，以及函数式组件、自定义 Hooks、Context Provider、React Query 数据获取、表单处理、性能优化等代码示例。
用于构建或定制 Payload CMS 管理面板组件的技能，涵盖 Root、Collection、Global、Field 四类组件，以及服务端与客户端组件、组件路径配置、常用 React Hooks、样式与性能优化等。
该技能用于使用 Shopify 的 Polaris 设计系统设计与实现 Shopify 后台界面，适用于构建 Shopify 应用、后台扩展或需要与 Shopify Admin 风格一致的界面。其核心原则包括面向商家的效率与清晰、保持原生观感（避免引入 Material Design 阴影或 Bootstrap 式按钮等外来模式）、基于语义组件保证可访问性，以及遵循可预测的 Shopify 标准模式（保存按钮位于上下文保存栏，页面操作位于右上角，主内容居中）。技术实现上依赖 @shopify/polaris、@shopify/polaris-icons 与 @shopify/app-bridge-react，涵盖 AppProvider、Page、Layout、Card、BlockStack/InlineStack、IndexTable、Text、FormLayout、ContextualSaveBar 等组件，并建议尽量使用 Polaris 属性与设计令牌（如 --p-color-bg-surface、--p-space-400）而非自定义 CSS。
og-image 是一个用于实现动态 Open Graph 图片与社交元数据的技能，适用于静态站点或各类框架路由。当分享链接缺少准确、专业的预览图时可以使用它。该技能覆盖从技术栈检测、框架专属配置、必需元标签注入、图片设计规则到部署后验证的完整流程，支持 Next.js App Router、Pages Router、Astro 以及静态 HTML 等场景，帮助链接在社交平台分享时不再显示为损坏或空白预览。
Unity uGUI 界面构建技能，用于理解、修改和生成基于 Canvas 的 UI 层级，涵盖 RectTransform、Layout Group、ScrollRect 与预制体 UI。适合处理 Canvas、布局、可见性排查等界面任务。
Velt 通知系统最佳实践技能。该技能面向 React、Next.js 和 Web 应用，提供 Velt 通知功能的实现模式与最佳实践，包含跨 10 个类别、按影响优先级排列的 18 条规则，用于指导自动化代码生成与集成。适用场景包括：为应用添加应用内通知、配置 VeltNotificationsTool 与 VeltNotificationsPanel、设置通知标签页（For You、All、Documents、People）、通过 hooks 或 REST API 访问通知数据、管理用户通知偏好与渠道、读写按用户的通知配置（文档级或组织级）、使用 SendGrid 设置邮件通知、通过 REST API 创建自定义通知、通过 webhook 集成外部服务，以及配置通知延迟与批处理以减少噪音。
该技能用于在 Shopify Hydrogen 店铺中实现或审查市场本地化（Markets & Localization）。它把本地化视为一份端到端契约：语言切换只有在路由、Shopify 上下文、Weaverse 内容、文档元数据、导航、商务、账户、SEO 与生产配置全部一致时才算完成。技能强调从商家专属白名单派生受支持市场，保持唯一的公开市场身份（语言、国家、路径前缀、hreflang、方向、货币等），在 SSR、水合、链接、表单、重定向、购物车、账户与结账流程中保持所选市场，并只对已验证等价的路线输出 canonical 与 hreflang。它还规定了翻译优先级、平台配置验证以及通过 Weaverse Shopify Admin API 代理进行只读优先的验证流程。
Workleap 共享的 Web 工具配置库，以 NPM 包形式提供 ESLint、TypeScript、Rsbuild、Rslib、Stylelint 与 Browserslist 的预配置，按项目类型组合，默认面向 ESM/ESNext，无锁定、可扩展覆盖。
Valaxy 是一个基于 Vue 3、Vite、UnoCSS、文件路由与 markdown-it 构建的下一代静态博客框架，使用 pnpm 工作区管理。它适用于创建和配置 Valaxy 博客站点、编写文章、开发主题与插件等场景。项目通过 site.config.ts 管理站点元数据，通过 valaxy.config.ts 管理框架配置，可选 theme.config.ts 管理主题配置；文章放在 pages/posts/*.md，由 frontmatter 控制标题、日期、标签、分类、封面、草稿、加密、布局等。框架支持配置合并、roots 文件解析、基于文件的路由、集合、i18n 与自定义样式和组件，并提供 monorepo 开发脚本。
这是一份面向 CSS 与 UI 动画的实践指南，属于 react-scan 项目下的技能文档，用于打造响应迅速、精致的界面。内容涵盖录制与调试动画、按钮点击反馈、工具提示与弹出层、动画速度与时长、悬停状态、触摸与无障碍、缓动曲线选择以及视觉技巧等主题。文档以清单形式给出常见动画场景的具体做法，例如按下按钮时使用 scale(0.97) 提供即时反馈、避免从 scale(0) 开始动画、为后续工具提示跳过动画、让弹出层从触发元素缩放、将 UI 动画控制在 300ms 以内、不为键盘交互添加动画、修复悬停闪烁、在触摸设备上禁用悬停、保证至少 44px 的点击区域、进出场使用 ease-out、屏内移动使用 ease-in-out，以及用轻微模糊掩盖过渡瑕疵等。适合在实现悬停效果、工具提示、按钮反馈、过渡动画或修复动画问题时参考。
Doc-Smith 内部构建技能，将 Markdown 文档编译为静态 HTML。支持 --nav 生成导航与静态资源、--doc 构建单篇文档，供其他 doc-smith 技能内部调用，不向用户提及。
frontend-design 是一个前端设计技能，用于把模糊的 UI 风格需求转化为可执行、生产级的前端代码。它强调设计令牌优先、无障碍合规与创意执行，适用于网站、Web 应用、组件库和设计系统开发。
一份 React 组件设计模式速查技能，按 2025 年流行度排列 13 种模式，并提供“需求→模式”决策指南。核心原则是先选自定义 Hook，仅在需要结构共享时升级为复合组件。
apply-tweaks 是一个用于把 pending.yaml 中暂存的调整写回源 HTML 文件的工作流技能，在用户说“save tweaks”“apply tweaks”“persist panel changes”等时调用。文件即状态，Claude 作为写入者，通过 Edit 原子化修改。
frontend-design 是一个面向网页组件、页面与 Web UI 的前端设计 Skill，生成独特且生产级的界面，重点避免通用 AI 风格（如过度使用的字体、紫蓝渐变、可预测布局）。它专注设计理念与美学规范，不含具体实现代码。
多提供商网站抓取工具，可将任意网站（含 CSR/SPA）转换为可部署的静态站点，支持 Playwright、Apify RAG Browser、Crawl4AI、Firecrawl 等方法。
Polar Elements 是面向 Polar.sh 变现集成的组件集合，提供 5 个订阅与收入相关组件，可通过 shadcn 命令从 Elements 注册表安装，适用于定价页、开源赞助、订阅状态与许可证管理等场景。
用于生成高端网站设计的 Claude 技能，产出 .jsx 与 React 组件，规避常见的 AI 设计套路，强调排版、配色、结构与 3D 差异化，适合追求 Awwwards 级质感的页面创作。
一个用于扫描代码库架构、发现“深化”机会并生成可视化 HTML 审计报告的技能。它先探索代码热点与摩擦点，再以卡片和前后对比图呈现候选重构，最后通过访谈方式细化所选方案。