SuperAPI AI 工具集找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-31 00:15
11,329 个结果
该技能提供 Makepad 2.0 的控件（widget）选用与排错参考，适用于在 Makepad 项目中构建或调试 UI。内容按容器、文本、按钮、开关、输入、媒体、布局辅助、列表、导航和 Dock 系统等类别整理控件及其关键属性，并给出若干常见规则，例如容器设置 height: Fit、彩色容器搭配文本时使用 new_batch、命名子节点使用 :=、Label 默认文字为白色、MapView 必须固定高度、Label 不支持 Animator 等。资料说明这些笔记来自 dev 分支，不构成稳定的 2.0 API 约定，也不是经过编译的示例集，修改现有项目前应核对对应的官方源码。
Markstream 自定义组件技能：在不替换解析器、不泄漏全局渲染状态的前提下，覆盖指定 Markstream 节点或可信自定义标签，支持 Vue、React、Svelte 与 Angular 的局部或渲染器级映射。
面向前端 UI 构建与改版的技能集合，包含方向判断、工艺底线与真实浏览器门禁三部分，用 Playwright 在手机与桌面宽度渲染页面并报告重叠、对比度、横向滚动等问题，通过与否以门禁结果为准。
ui-from-screenshot 是一个把截图或设计稿还原为真实 UI 的技能，由 UXKIN 提供。它强调“真实 UI，而非 AI 敷衍”：先测量图片中的结构、尺寸、字体、颜色与组件，再用项目自身已有的组件和设计令牌（token）搭建，最后把渲染结果与原图并排对比并修正差异。该技能可独立使用，无需账号、令牌或服务器。适用场景包括：用户分享图片并要求“照着做”“还原它”“让它看起来像这样”，或在项目自有组件中实现设计稿。使用前需确认图片清晰可见，并明确是精确匹配还是仅作风格参考；默认在保留项目现有组件与令牌的前提下尽量匹配。若图片来自其他公司产品，只复刻布局与模式，不复制其 logo、品牌名、插画、照片或文案。可选连接 UXKIN MCP 服务器（https://uxkin.com/mcp）以查找真实应用界面与设计系统参考，但需用户主动要求并拥有 UXKIN 方案。限制：需要清晰图片；从截图读取的颜色可能为近似值；真实参考需可选的 UXKIN MCP 工具与方案。
把 Redux 或 React Context 中的状态迁移到正确方案：服务端状态用 React Query，可共享的 URL 状态用 nuqs，全局客户端状态用 Zustand，组件内部状态用 useState/useReducer；禁止引入或推荐 Redux 与 Context。
Ground My UI 是一套用于诊断和重建“看起来坏掉、丑陋或不合体系”的界面技能。它不凭审美猜测，而是先在磁盘上读取实际安装的组件库、设计令牌、图标集与 i18n 目录，核对代码引用的每个契约（prop、slot、枚举值、令牌、图标名、翻译键），再据可证事实重建 UI，并用测试锁定契约。
frontend-design 是一个用于设计和实现网页前端界面的技能，强调做出有辨识度、可直接用于生产环境的界面，覆盖组件、页面、仪表盘、表单流程与设计系统等，并兼顾可用性、响应式与无障碍。
Speed Monitoring 是一个用于持续性能监控与速度回归预防的技能，帮助网站长期保持快速并维持 Core Web Vitals 得分。它提供自动化测试、真实用户监控（RUM）与告警体系的实践模式，在性能问题影响用户之前将其捕获。该技能强调先设预算后构建、同时跟踪实验室数据与真实用户数据、基于阈值告警、由 CI 在性能回归时阻断部署、长期保存历史趋势。核心指标包括 LCP、FCP、CLS、INP、TBT，并规定了良好、警告、严重三档阈值以及 JS、CSS、图片、字体等资源预算。监控栈分为合成（实验室）与真实用户（现场）两类，涉及 Lighthouse CI、web-vitals 库、Navigation/Resource Timing API、sendBeacon 等。告警渠道包括 Slack webhook、PagerDuty、邮件摘要。技能附带实施清单、完成定义与禁止事项。具体配置细节、代码与版本信息以原文引用为准。
该技能用于在 up-app 中构建带完整 CRUD 的搜索/列表页：通过实体服务加载全部记录，页头提供 Add 按钮，每行提供 Edit/Delete 按钮，并包含路由配置与重新部署命令。
spatie/laravel-dashboard 是一个用于构建实时仪表盘的 Laravel 包，适合在壁挂屏幕上展示。它基于 Livewire 4、Tailwind CSS 4（通过浏览器 CDN）和 CSS Grid 进行布局。开发者可以创建自定义仪表盘磁贴（Tile），通过继承 BaseTileComponent 的 Livewire 组件、Blade 视图和注册步骤实现。数据可通过 Tile 模型持久化，并借助 Artisan 命令从外部 API 定时抓取。仪表盘支持 Excel 风格的网格定位、主题配置（浅色/深色/设备/自动）以及自定义资源注入。
这是一个面向 Svelte 5 的错误处理技能，主要用于错误边界、异步 await 表达式、加载状态与表单错误处理。它通过 <svelte:boundary> 捕获组件错误，并配合 pending 与 failed 片段分别展示加载状态和错误信息。failed 片段可接收 error 与 reset 参数，便于显示错误消息并提供重试按钮；异步数据可直接在标记中使用 {#each await query()} 的形式处理。核心原则包括：用错误边界捕获组件级错误、用 pending 片段展示等待状态、用 failed 片段展示错误并支持重试、使用 await 表达式、按功能粒度包裹边界而非整页包裹，以及通过远程函数的 .error 属性（如 create_contact.error）检查表单错误。
form-patterns 是一套基于 DaisyUI v5 的表单模式技能，来自 spences10/devhub-crm。它用于规范输入框、下拉选择、多行文本、校验提示以及表单结构，核心是采用 fieldset 与 fieldset-legend 的 v5 结构，替代旧版 form-control 与 label-text 写法。输入控件由外层 label 包裹，输入元素使用 grow 类；在 label 上添加 validator 类可获得自动校验界面效果。下拉选择与多行文本直接应用类名，无需额外包裹。错误处理方面，远程函数会自动提供 .error 属性，可直接在模板中渲染错误提示。表单整体使用 space-y-4 保持统一间距。资料同时给出快速开始示例代码，并说明可通过 forms-guide.md 获取完整模式与示例。
reactive-ui-patterns 是一套面向远程函数（remote functions）的响应式 UI 模式指南，来自 spences10/devhub-crm。它指导开发者如何在数据更新时实现平滑的原地刷新、避免页面跳动，并通过 .current 属性管理加载状态。核心做法是把查询结果存入变量（如 const data_query = get_data()），从而可以访问 .current 属性；调用 refresh() 后数据原地更新，不再重载整页。加载指示器只在初次加载（.current === undefined）时显示，而非每次刷新。资料还建议避免使用 {#await} 块，因为它会导致明显的页面重载。该技能附带三个参考文件：current-property.md、anti-patterns.md 和 examples.md。适用场景为需要局部更新、保持滚动位置的界面开发。
介绍 @arwes/react（1.0.0-next）科幻界面框架在 Starwards 项目中的实际用法，涵盖 Frame 组件、Animator 生命周期、SVG 样式与调试要点，兼容层用法及限制。
Better Stimulus 是一套用于编写和重构 StimulusJS 控制器的实践规范，源自 betterstimulus.com。它强调代码可复用性、关注点分离与 SOLID 设计原则，帮助开发者写出可维护、可复用的 Stimulus 控制器。该技能适用于编写新控制器、重构现有代码、审查控制器架构、调试控制器间通信、集成第三方 JavaScript 库、实现表单提交逻辑、管理控制器状态以及配置 Turbo 集成等场景。核心原则包括：让控制器可配置（将硬编码值外置为 data 属性）、使用 Values API 管理状态、保持控制器职责单一、不过度使用 connect()、以声明式方式注册事件。
webflow-migrate 是一个用于将自己托管的 Webflow 网站迁移为可自托管静态站的技能。它通过 wget 镜像已发布的线上站点，再清理资源、URL 和 Webflow 残留内容，最终生成可部署到 Render、Netlify、Vercel 等平台的静态站点目录。适用于不想付费购买 Webflow 代码导出、希望自托管或本地维护 Webflow 站点的场景。该技能需要站点已发布且可公开访问，并要求安装 wget（macOS/Linux 自带）。迁移过程分为镜像、整理结构、重写资源 URL、修复已知导出问题、验证和部署等阶段，并明确指出了表单失效、CMS 内容静态化、JavaScript 运行时体积较大等限制。
面向特定 Next.js monorepo（apps/ui）的 shadcn/ui 组件集成指南，帮助按仓库既有约定添加或改造组件，涵盖组件发现、CLI 安装、定制与安装后修复清单，并保留 cn()、radix-ui、Tailwind v4 等本地规范。
EvoWeb Website Builder 是一项通过自然语言提示自动生成完整网站的服务，可输出响应式 HTML、CSS、JavaScript 与内容，并提供线上地址与可视化编辑器链接，适用于落地页、作品集、电商、博客及企业官网等场景。
apple-ui-from-spec 是一个面向 Apple 平台（macOS、iOS、iPadOS）的 SwiftUI 技能，用于根据 UI 规格说明生成可直接集成到真实应用中的纯 SwiftUI 视图，并离屏渲染每个屏幕状态的 PNG 快照。它强调视图必须是诚实的生产代码：视图层不包含假数据存储或 fixture 引用，fixture 与渲染工具位于视图层之外，使视图可原样搬入真实应用。渲染通过 NSHostingView（macOS）或 UIHostingController（iOS）离屏完成，无需启动应用。技能还要求使用 frontend-design 子技能对 PNG 进行至少一次设计评审迭代。
在 Syncfusion ASP.NET MVC 中实现 HeatMap 与 Bubble HeatMap 可视化，用渐变或固定颜色呈现二维数据，支持多轴类型、数据绑定、图例、提示、单元格选择与自定义样式。
Syncfusion ASP.NET MVC Maps 技能用于在 MVC 项目中实现地理数据可视化地图，支持 GeoJSON、图层、标记与气泡等功能。
Syncfusion .NET MAUI Grid Splitter（SfGridSplitter）是一个布局控件，用于在 .NET MAUI 应用中创建可调整大小、可折叠的多窗格界面。它通过可拖拽的分隔条让相邻内容区域自由缩放，并内置展开/折叠按钮，支持水平与垂直布局、最小/最大尺寸约束、运行时动态增删窗格、分隔条外观自定义、RTL 布局以及键盘导航与屏幕阅读器无障碍支持，可在 Android、iOS、Windows 和 macOS 上保持一致行为。适合构建仪表盘、IDE 风格编辑器、工作区布局、内容管理系统、数据分析与报表工具等需要可调内容区域的场景。
Syncfusion MAUI UI Builder 是一个面向 .NET MAUI 表现层的 UI 组件与页面生成技能，通过 8 阶段编排流程生成基于 Syncfusion MAUI 控件的生产级 XAML 视图、代码隐藏与 MVVM ViewModel，支持 iOS、Android、Windows、macOS 多平台。
Syncfusion Vue Modern Rich Text Editor 是面向 Vue 3 的 WYSIWYG 富文本编辑组件，基于 Composition API 使用，支持行内与块级格式化、工具栏与快捷工具栏、图片、表格、链接、列表、代码块、提示块、折叠区块、斜杠命令、键盘快捷键以及事件与方法调用。该技能文档按功能模块组织安装配置、格式化、媒体与表格、事件、方法和 API 参考，帮助开发者在 Vue + Vite 项目中集成并定制编辑体验。