SuperAPI AI 工具集找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-16 00:02
9,181 个结果
bun-sveltekit 是一份用于在 Bun 运行时上构建和运行 SvelteKit 应用的技能文档，涵盖 SSR、适配器以及 Bun 专有 API 的使用。它提供了从项目创建、依赖安装、开发与构建到部署的完整流程示例，包括使用 svelte-adapter-bun 适配器、在服务端加载函数、表单动作、API 路由、文件操作和服务端钩子中调用 bun:sqlite、Bun.file、Bun.write 等 Bun 原生能力，并给出 Docker 部署与适配器配置示例。文档还包含安全安装建议（如阻止安装后脚本、设置冷却期、安装前审计）以及常见错误排查表。适用于需要在 Bun 上开发或部署 SvelteKit 应用的开发者。
WebMCP 是一个面向浏览器 WebMCP 集成的开发技能，用于在 JavaScript 或 TypeScript Web 应用中实现和调试浏览器端 WebMCP 能力。当需要通过 document.modelContext 暴露命令式工具、将 HTML 表单流程声明为可由智能体调用、或排查注册失败、schema 序列化错误与智能体驱动的表单执行问题时，可以使用该技能。它提供了一套分步骤的处理流程：先定位浏览器集成入口与前端边界，再根据需求选择命令式或声明式 API 形态，然后实现工具注册与表单注解，接着安全地接入智能体驱动的用户体验，最后对注册与注销生命周期、非法输入、执行取消等行为进行验证。该技能还给出了针对 Chrome 预览版本兼容性、权限策略、重复名称、序列化错误等常见问题的错误处理指引，并要求高风险操作仍须保留可见的用户确认与既有授权流程。
面向 Webflow 页面的 WCAG 2.1 无障碍审计技能，检查按钮、表单、链接、焦点状态、标题层级与键盘导航，按严重程度评分并生成可执行修复建议，需连接 Webflow Designer。
Inertia Rails Pages 是一个面向 Inertia Rails 应用的页面开发技能，聚焦页面组件、持久化布局、导航与客户端 API。它指导开发者用持久化布局避免导航时组件重挂载，从而保留滚动位置、音频播放和组件状态；用 <Link> 与 router 完成站内跳转与编程式导航，并支持 prefetch 预取、部分重载 router.reload({ only: [...] })、无服务端往返的 router.replaceProp 等客户端 prop 操作。它还强调 URL 驱动状态：URL 即服务端状态，须由控制器读取参数并以 prop 传入，组件只从 prop 派生 UI，避免用 window.location.search 或 useState/useEffect 同步。技能涵盖 <Head>、<Deferred>、<WhenVisible>、<InfiniteScroll> 等组件用法，并附带常见问题排查与 Vue 3、Svelte 对应写法参考。
该技能是 Angular Material 与 CDK 的最佳实践规则集，属于 angular-best-practices 核心技能的补充插件。内容涵盖按需选择性导入 Material 模块、使用 M3 主题系统与设计令牌、优先采用 CDK 工具（如覆盖层、拖放、虚拟滚动、无障碍原语）而非自行实现，以及为 Material 组件编写测试时使用测试工具（Test Harnesses）。适用于导入和配置 Material 组件、搭建 M3 主题、使用 CDK 工具、编写 Material 组件测试等场景。
unhappy 是 ui-craft 技能下的一个子技能，专注于“状态优先”的设计方法。它要求在做“快乐路径”（一切正常的主流程）之前，先盘点并实现所有非快乐状态，包括加载中、空、错误、部分、冲突、离线等。该技能针对指定目标（$ARGUMENTS），先加载 ui-craft 技能并读取 references/state-design.md，然后按四个步骤执行：一是盘点每个数据源和交互界面的状态，标记为已设计、缺失或不适用；二是补齐缺失状态（骨架尺寸、空状态文案、错误状态契约、离线处理等）；三是审计快乐路径中假设资源存在的地方，用提前返回、状态守卫或判别联合状态处理进行修复；四是针对可能离线的操作实现乐观 UI 与重连后的对账。技能还通过 CRAFT_LEVEL 控制需要实现的状态数量，未指定时默认按 7 处理。最终直接编辑代码，并按 Review Format 表格输出每个新增状态的前后对比。
中文介绍正在整理，稍后补充。
这是一个面向 Godot 引擎的 UI 容器技能包，提供响应式界面布局的专家级蓝图与配套 GDScript 脚本。它围绕 HBoxContainer、VBoxContainer、GridContainer、MarginContainer、ScrollContainer、HFlowContainer、SubViewportContainer 等容器节点，覆盖尺寸标志（size_flags）、锚点（anchors）、分割容器、虚拟列表池化（virtual_list）、stretch_shrink 预览以及动态布局等主题。技能以决策树形式给出「需求 → 容器类型 → 必读脚本」的对应关系，并提供按场景的「应加载 / 不应加载」脚本清单，帮助在构建自适应界面或响应式菜单时快速选型。附带脚本涵盖虚拟列表池化、断点响应式布局构建、自适应网格、终端自动滚动、3D 预览、动态标签页、标签云、锚点性能优化、自定义径向容器、动画重排、宽高比小地图、尺寸标志进阶等。同时列出容器使用中的常见禁忌，如忽略 mouse_filter、在 ScrollContainer 中实例化大量节点、手动设置子节点 position/size、嵌套过深等。
Zustand 是一个面向 React 的极简、无倾向性的状态管理库。它不依赖 Provider 包裹组件，也没有 Redux 那样的样板代码，通过基于 Hook 的 API 提供全局状态管理。核心用法是使用 create 函数创建 store，在组件中通过选择器读取状态，通过 set 更新状态，并支持在 React 组件外直接读写。它提供 persist、devtools、immer 等中间件，支持 TypeScript 类型推断、切片模式、异步操作、乐观更新、选择器与性能优化，并可用于 SSR（如 Next.js）场景。
Subframe 的初始化技能：在新项目或现有项目中配置 Subframe，安装 CLI、同步组件、配置 Tailwind 与字体，使 Subframe 设计的页面在本地开发环境中像素级还原。
depth 是一个用于前端界面的设计技能，通过高度层级、凸起与凹陷表面、层叠和阴影行为为界面建立视觉深度，让图层与状态更清晰可信。资料含强制准备流程、深度系统规划、构建步骤、禁止事项与质量验证。
Website Cloner 是一个用于克隆网站的智能体工作流技能，通过多个专用子智能体协作，以像素级保真度复制目标网站。它提供 /clone-website <url> 斜杠命令来编排整个流程，包含截图、资源提取、React 组件实现和 QA 审查四个阶段，最终输出使用 Tailwind CSS 与 motion 的单个 React 组件。适用于需要复刻网站视觉与结构的场景。
Progressive Web App（PWA）技能，用于构建具备离线支持与可安装性的类原生 Web 应用，涵盖 Web App Manifest、Service Worker 缓存、安装提示与推送通知等能力。
该技能用于按照 WCAG 2.1/2.2 无障碍标准实现网页无障碍功能，涵盖屏幕阅读器兼容、键盘导航与无障碍测试。适用于构建面向公众的 Web 应用、满足 AA 或 AAA 合规要求、支持 NVDA/JAWS/VoiceOver、实现纯键盘操作、满足 ADA 与 Section 508 等法规、改善 SEO 与整体体验以及开展无障碍审计等场景。技能提供语义化 HTML 与 ARIA、React 无障碍组件、键盘导航处理、颜色对比度校验、屏幕阅读器播报、焦点管理等参考指南与最小可用示例。
本技能（web-performance-optimization）用于优化 Web 应用性能，涵盖代码分割（code splitting）、懒加载（lazy loading）、缓存（caching）、压缩（compression）与性能监控（monitoring）等策略，目标是改善 Core Web Vitals 与用户体验。技能建议在页面加载缓慢、Largest Contentful Paint（LCP）偏高、打包体积过大、Cumulative Layout Shift（CLS）频繁出现以及移动端性能问题时使用。技能提供了快速开始示例，演示基于 React 的懒加载工具函数与路由配置写法，并列出了五份参考指南：React 代码分割与懒加载、图片优化、HTTP 缓存与 Service Workers、Gzip 压缩与资源优化、性能监控。最佳实践方面，要求遵循既有模式与约定、编写整洁可维护的代码、补充适当文档、部署前充分测试；同时提醒不要跳过测试或验证、不要忽略错误处理、不要硬编码配置值。
这是一个以路由优先为核心的响应式布局策略与验证技能，用于 Web 界面。当主要任务是要判定某个失败属于页面外壳、导航、表单、表格、仪表盘、卡片网格、媒体嵌入还是组件槽位等哪类响应式表面时使用。它强调先分类响应式故障，再选择最小的可行适配包，并留下简短策略与验证说明。技能明确不负责通用 CSS 配方堆砌、框架片段粘贴，也不吸收相邻前端领域问题。核心流程包括：捕获响应式录入信息、从五个主要包（page-layout、component-slot、dense-data、media-behavior、verification-reflow）中选一个、保持视口与容器归属明确、区分密集数据与媒体特例、保持回流与验证可见、并诚实地把相邻前端工作路由出去。
React Spring 动画原则技能，用于在 React 项目中借助 React Spring 的弹簧物理动画系统实现迪士尼十二项动画原则。资料以代码示例形式覆盖挤压与拉伸、预备动作、舞台调度、逐帧与关键帧、跟随与重叠动作、慢入慢出、弧线、次要动作、时间节奏、夸张、立体造型、吸引力等十二项原则，并展示 useSpring、useSprings、useTrail、useChain、useTransition 等核心 API 以及 tension、friction、mass、velocity 等物理参数和 gentle、stiff、slow、molasses 等配置预设的用法。
前端状态管理技能，用于使用 Redux、MobX、Zustand 和 Context API 管理应用状态。适用于多组件共享状态的复杂应用，帮助集中管理状态、副作用与组件间的数据流。技能提供 Redux Toolkit、Zustand、Context API + useReducer、MobX 等参考实现，并给出最佳实践建议。
该技能聚焦 Tailwind CSS 的响应式设计与深色模式实现模式（2025-2026 版），提供移动优先断点体系、容器查询、深色模式切换策略以及可访问性实践等参考。适用于需要在 Tailwind 项目中搭建自适应布局、实现亮暗主题切换、处理触控目标尺寸与对比度、并优化响应式图片与安全区的场景。内容给出大量可直接复用的类名示例、断点定义与 JavaScript 主题切换代码，适合前端与 UI 开发者作为实现参考。
生成深色主题技术架构图的技能，输出单文件HTML内联SVG，无需外部工具或API密钥，适合软件架构、云基础设施与微服务拓扑示意图。
中文介绍正在整理，稍后补充。
MJML Email Templates 是一个用于构建响应式邮件模板的技能，基于 MJML 标记语言编写模板，并编译为可在 Outlook、Gmail、Apple Mail 等客户端中正常显示的跨客户端 HTML。该技能面向 .NET 项目，提供模板结构、布局模板、内容模板、模板渲染器、邮件组装器以及开发期预览端点等完整示例，并给出模板设计与变量处理的最佳实践。
该技能用于诊断并修复运行缓慢、卡顿或掉帧的动画，借助迪士尼十二动画原则定位性能问题。它针对帧率低于60fps、运动抖动、界面迟滞、移动端耗电、布局抖动等典型症状，按原则给出成因与修复思路：用关键帧替代逐帧实时计算、错开动画起始时间以减少并发、在低功耗设备上移除非必要次要动画并使用 prefers-reduced-motion、只动画 transform 与 opacity 等 GPU 加速属性、通过 Intersection Observer 暂停屏幕外动画。同时提供快速修复清单（CSS 替代 JS 动画、避免位置属性、谨慎使用 will-change、控制同时动画数量、移动端降低复杂度）、排查清单（DevTools 长帧、强制重排、CPU 节流、标签页隐藏暂停等）与快慢代码对比示例。
React Patterns 是一份面向现代 React 开发的技能指南，聚焦 React 18+ 的函数式组件、Hooks、组件组合、状态管理与性能优化，帮助构建可扩展的 Web 应用。内容涵盖 useState、useReducer、useContext、useEffect、useLayoutEffect、useMemo、useCallback、useRef、useTransition、useDeferredValue、useActionState 等内置 Hooks 的语法、示例与最佳实践，并介绍 React.memo、自定义 Hook、Server Components 与客户端组件等模式。适合在构建现代 React 应用、实现复杂状态管理、优化渲染性能、抽取复用逻辑、处理表单与副作用、重构类组件以及排查不必要重渲染时参考。