SuperAPI AI 工具集找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-16 00:02
9,435 个结果
Next.js 16 App Router 缓存与路由最佳实践技能，由 Next.js Community 维护。该技能提供一份面向 Next.js 16 App Router 应用的性能优化指南，包含 8 个类别共 42 条规则，按影响程度排序，用于指导自动化重构与代码生成。其中两条规则涉及 Next.js 16.3 预览特性（Instant Navigations、Partial Prefetching），需通过 cacheComponents 和 partialPrefetching 开启。规则类别按优先级分为：构建与打包优化（CRITICAL）、缓存策略（CRITICAL）、服务端组件与数据获取（HIGH）、路由与导航（HIGH）、服务端操作与变更（MEDIUM-HIGH）、流式与加载状态（MEDIUM）、元数据与 SEO（MEDIUM）、客户端组件（LOW-MEDIUM）。
Remotion Studio 的 CSS 重置技能：说明 .css-reset 容器如何隔离用户样式，并提醒不要依赖继承来设置重置属性。
landing 是一个生成高级单页 HTML 落地页的技能：通过文本提示产出单个自包含 .html 文件，内含内联 CSS/JS，配合 GSAP 滚动动画、3D 交互与鼠标视差纵深感。外部依赖仅 Google Fonts 与 GSAP CDN。
React Optimise 是一份面向 React 应用的应用级性能优化最佳实践指南，包含 8 个类别、共 43 条规则，按影响程度从关键（React Compiler、打包优化）到渐进（内存管理）排序。内容覆盖 React Compiler v1.0 的采用与排错、代码分割与打包体积控制、渲染性能、数据获取、Core Web Vitals（INP、LCP、CLS）、状态与订阅性能、性能剖析与度量，以及内存管理。适用于优化 React 应用性能或打包体积、排查编译器问题、改善 Core Web Vitals、定位渲染瓶颈和修复内存泄漏等场景。
tauri-scaffold 是一个用于 Tauri v2 项目脚手架搭建的技能，指导开发者使用 create-tauri-app 创建项目、理解项目结构，并为所选前端框架配置静态导出或 SSG。当用户提到搭建 Tauri v2 项目、项目结构或初始化配置、框架静态导出或 SSG 时，应使用该技能。触发词包括 create-tauri-app、scaffold、project structure、static export、SSG 以及对应的中文词。使用流程为：收集目标平台与前端框架选择，使用 create-tauri-app 并传入合适选项，为所选框架应用 SSG 或静态导出配置，最后验证项目能正确构建并加载本地资源。输出包括脚手架命令与选项、项目结构与配置清单。其边界聚焦于 create-tauri-app 的决策与初始配置，重点在于 Next.js 等框架的 SSG/导出配置。
用于在 Umbraco 后台（backoffice）中实现仪表盘的技能，依据官方文档生成清单（manifest）与元素实现代码，可通过条件控制仪表盘显示的分区和时机。
中文介绍正在整理，稍后补充。
面向网页界面的广度 UI 审计技能：对落地页、仪表盘、注册流程或组件区域做整体评审，按层级、内容清晰度、CTA 强调、状态一致性、导航、响应式基础与无障碍基础等类别归类问题，并按用户阻碍程度排优先级，输出一份简洁的 UI 审计包。
用于在 Astro 项目中创建组件、页面与布局的技能，强调语义化、可访问标记和最少客户端 JavaScript。
Magento 2 前端开发专家技能，用于创建完整的 Magento 2 前端解决方案。适用于开发前端功能、处理布局 XML、模板、JavaScript 或响应式设计等场景。该技能覆盖布局 XML 系统、PHTML 模板开发、RequireJS 与 KnockoutJS 集成、LESS 样式开发、资源管理以及前端性能优化，并针对商品目录、商品详情页、购物车、结账流程、客户账户等电商前端功能提供开发指导。
moda-website 是 Moda 平台上的网站构建与发布技能，用于创建并发布托管在 Moda 上的真实多页网站，最终获得一个公开的 *.moda.page 网址，且该网站可编辑、可重新发布。它适合需要搭建网站、站点或网页的场景。使用前需先加载 moda-core（每个会话一次），并遵循其写入契约与免费/计量规则。网站相关动词免费，仅 moda media * 与 moda web * 计量。工作流程包括：收集内容、确定站点地图、阅读 references/website.md、生成图像、本地编写自包含 HTML 页面、用 moda site create 与 moda site add-page 创建页面、用 moda site screenshot 在桌面与移动视口验证、用 moda site publish 发布、用 moda site set-content 修改后重新发布。发布前内容不公开，发布成功后才可公布网址。
Rspress v2 主题定制指南，介绍 CSS 变量、BEM 类覆盖、Layout 插槽、图标替换与组件 eject 四个层级的定制方法，并给出 theme/index.tsx 入口配置、常见坑与相关参考链接。
Tauri v2 positioner 插件的使用指南，聚焦多显示器对齐策略：定义窗口对齐与锚点、配置插件能力、处理多屏坐标与缩放，并在 macOS、Windows、Linux 上验证行为。适用于对齐弹窗或托盘窗口、多显示器定位与跨平台一致位置等场景。
@json-render/react 是 json-render 的 React 渲染器，可将 JSON 规格转换为 React 组件树，适合用 JSON 构建 React UI。
面向 Tauri v2 触觉反馈（haptics）插件的使用指南，涵盖触感反馈模式、设备支持判断与不支持设备时的静默回退策略，适用于移动端震动与触感交互设计。
中文介绍正在整理，稍后补充。
Wix Vibe Headless 是一套仅客户端、无依赖的 REST 连接方案，用于把已建好的前端（vibe 编码应用、HTML/JSX/Vite 项目、设计工具导出）通过公开的 WIX_CLIENT_ID 连到现有 Wix 站点，读取实时内容并完成购买、预订等流程，不使用 @wix/sdk、不需要后端或构建步骤。
ui-web 是 alinaqi/maggy 技能集中的一个 Web UI 设计技能，聚焦玻璃拟态（glassmorphism）、Tailwind CSS、暗黑模式与无障碍设计。技能以 WCAG 2.1 AA 合规为前提，强调按钮可见边界、文本对比度、焦点状态、8px 间距网格、字号层级与克制的玻璃效果使用，并提供按钮、卡片、输入框、骨架屏、加载动画等组件示例。适合在网页界面开发中统一视觉规范与可访问性标准。技能的具体安装方式与运行环境资料暂未提供。
该资料介绍 Tailwind CSS v4.0 的基础知识，覆盖从 v3 到 v4 的主要变化、安装方式、CSS 优先配置、自定义工具类与变体、插件加载、常用核心工具类以及 2025/2026 的最佳实践。资料说明 v4.0 于 2025 年 1 月 22 日发布，采用 Rust 引擎，配置方式从 JavaScript 的 tailwind.config.js 转为 CSS 优先的 @theme 指令，颜色格式改用 OKLCH，插件与自定义工具类分别使用 @plugin 和 @utility 指令，PostCSS 导入、Autoprefixer 与 CSS 嵌套均内置，内容检测自动化。安装部分给出 Vite 项目的 npm install -D tailwindcss @tailwindcss/vite 及 PostCSS 项目的 npm install -D tailwindcss @tailwindcss/postcss 命令，并说明 CSS 入口仅需 @import "tailwindcss"。资料还涵盖主题变量分类、禁用默认值、自定义变体、前缀用法、CSS 变量替代 theme()、任意值与 important 修饰符、内置特性、最佳实践以及常见迁移问题等内容，属于前端样式与建站相关技术资料。
中文介绍正在整理，稍后补充。
用于在 Blazor 应用中实现 Syncfusion Blazor Chart（SfChart）数据可视化组件的技能指南，涵盖 33+ 图表类型、多轴、交互、数据绑定、无障碍与主题定制，并提供 API 参考与常见用法说明。
Angular 状态管理技能，提供现代 Angular 状态管理模式的综合指南，涵盖基于 Signal 的本地状态、全局 store 以及服务端状态同步。适用于在 Angular 中搭建全局状态、管理组件级 store、在 Signals、NgRx 或 Akita 之间做选择、实现乐观更新、调试状态相关问题以及从旧有状态模式迁移等场景。该技能强调在执行前先阅读详细指南，并遵循其中的安全、前置条件和验证要求。
这是一个用于创建独特、生产级前端界面的技能，旨在帮助开发者构建具有高设计质量的 Web 组件、页面或应用，避免常见的“AI 感”审美。该技能强调在编码前先进行设计思考，明确用途、受众、技术约束与差异化亮点，并选定一个大胆的美学方向（如极简、极繁、复古未来、自然有机、奢华精致、玩具感、杂志编辑风、粗野主义、装饰艺术、柔和粉彩、工业实用等）。随后以生产级代码（HTML/CSS/JS、React、Tailwind 等）实现，要求功能可用、视觉醒目、风格统一、细节精致。技能提供前端美学指南，涵盖字体排印（避免 Arial、Inter 等通用字体，选择独特且有表现力的字体搭配）、色彩与主题（使用 CSS 变量，主色加锐利点缀）、动效（优先 CSS 方案，React 可用 Motion 库，重视页面加载的编排与滚动触发、悬停状态）、空间构图（非对称、重叠、对角线、打破网格、留白或受控密度）、背景与视觉细节（渐变网格、噪点纹理、几何图案、分层透明、戏剧性阴影、装饰边框、自定义光标、颗粒叠加等）。同时明确禁止使用过度常见的字体、俗套配色（如白底紫色渐变）、可预测的布局和千篇一律的设计，要求每次生成都做出不同选择，避免趋同。技能还强调实现复杂度需与美学愿景匹配：极繁设计需要大量动画与效果，极简设计则需要克制、精准和对间距、字体、细节的细致把控。
该技能用于在 Framer 中创建代码组件（Code Components）与代码覆盖（Code Overrides），并指导在编写或编辑任何用于 Framer 的 .tsx 文件之前先判断功能是否真的需要代码实现。技能强调 Native First（原生优先）原则：除非用户明确要求代码组件或代码覆盖，否则应优先使用 Framer 的图层、变体、效果和 CMS 绑定等原生能力搭建功能，只为原生能力无法表达的部分编写代码，例如 WebGL、canvas、第三方 SDK、滚动计算、DOM 与浏览器 API。资料中明确指出，常见 UI 模式如 FAQ 手风琴、标签页、推荐语轮播、定价切换、导航下拉和模态框在 Framer 中都有原生实现，且原生版本更佳。技能区分了代码组件与代码覆盖：代码组件是添加到画布的自定义 React 组件，支持 addPropertyControls；代码覆盖是包裹现有画布元素的高阶组件，不支持 addPropertyControls。资料还提供了必填注解、代码覆盖与代码组件的代码模式、覆盖必须为字面量导出、多文件组件、属性控件、字体处理、色彩令牌、渲染与 SSR、CMS、DOM 与性能、媒体、调试等主题，以及一份常见问题与修复的速查表。技能由公开仓库 fredm00n/framerlabs 维护，支持自动更新与向上游贡献发现。