SuperAPI AI 工具集找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-24 00:15
11,032 个结果
Wode Emittery 事件驱动模式是一套用于 React 组件间通信与副作用处理的事件驱动架构约定，基于 Emittery 事件库，将状态管理（Zustand）与副作用（事件处理器）解耦。该模式要求在实现组件间通信或副作用处理时严格遵循：事件类型必须使用命名为 XxxEventType 的 as const 对象，禁止使用 TypeScript 枚举；事件命名必须采用 Module:Action 格式（如 FileSystem:Open、User:Login）；必须定义 XxxEmitter = Emittery<XxxEventData> 类型以获得完整类型安全；副作用（如 toast、确认弹窗、网络请求）必须在 Sidecar 组件中处理，绝不放在 Store action 内；Store action 只负责发出事件，不关心谁来处理。模式还提供 createEmitter 工厂函数、useEmitteryListen 订阅 Hook 以及不渲染任何 UI 的 Sidecar 组件示例，帮助开发者以声明方式订阅事件并执行副作用。
懒猫 Android WebView 宿主桥接 API 使用指南，用于说明网页应用如何调用懒猫 Android 客户端注入的 JavaScript Bridge。核心接口为 lzc_toast.setSnackBarEnabled()，通过传入布尔值控制 Android 壳底部 Snackbar（底部提示）的显示开关，也可用于关闭或恢复下载完成提示等宿主级提示。仅适用于懒猫 Android WebView 壳，普通浏览器、桌面端、iOS 及未注入该桥的 WebView 均不提供此接口。调用前需做能力检测，避免在非 Android 环境报错。
前端质量守门规则技能，用于构建、修改或审查前端界面时检查文本溢出、布局、对齐、响应式、可访问性与视觉质量，覆盖超长文本、flex/grid 踩坑、组件状态、国际化等常见 UI 问题。
zustand-expert 是一个面向 React 19 与 Next.js 16.1+ 应用的高级状态架构技能，专注 Zustand v5。它主要解决 SSR 场景下的状态泄漏与 hydration 不匹配问题，并指导构建可扩展的大型状态架构，包括 Slices Pattern 与 Persist、Immer 等中间件的使用。核心关注点包括：通过 React Context 实现每请求独立 store 的 SSR 安全（反单例）、持久化与异步再水合以保证 LCP、以 Slices Pattern 实现模块化可扩展、以及选择器与 useSyncExternalStore 的性能优化。资料还列出了 Zustand v5 的若干优势，如原生 useSyncExternalStore 支持并发渲染、更小体积、TypeScript 类型安全改进、Context-Store 模式与 skipHydration 手动再水合控制。
这是一套面向 React 的组件组合（Composition）模式指南，旨在帮助开发者构建灵活、可维护的 React 组件。它主要解决布尔属性（boolean props）泛滥的问题，通过复合组件、状态提升和内部组合等方式组织代码，使代码库在规模扩大时更易于人类和 AI 智能体协作。内容按优先级分为四类：组件架构（高优先级，如避免布尔属性、使用共享上下文的复合组件）、状态管理（中优先级，如解耦实现、定义上下文接口、状态提升）、实现模式（中优先级，如显式变体组件、用 children 替代 render props）以及 React 19 API（中优先级，仅适用于 React 19 及以上，如不使用 forwardRef、用 use() 替代 useContext()）。每条规则都配有说明、错误示例、正确示例及补充参考。适用于重构含大量布尔属性的组件、构建可复用组件库、设计灵活的组件 API、审查组件架构，以及使用复合组件或上下文提供者的场景。
zoonk-compound-components 是一个面向 React 组件开发的技能，规定所有 UI 组件都必须采用复合组件（Compound Components）模式。其核心是让每个组件只包裹一个 HTML 元素、只承担一项职责，通过组合而非 props 来构建界面。该技能要求使用 children 传递内容、用 className 支持样式覆盖、用 data-slot 配合 Tailwind 的 has-* 与 group-* 选择器实现父子样式协调，并采用扁平命名（如 ComposerFrame、ComposerInput）而非命名空间导出。它适用于简单、展示型、无需兄弟组件共享状态的组件；对于表单、对话框等有状态场景，则建议参考 vercel-composition-patterns 技能。
Nuxt UI v4 是面向 Vue 3 与 Nuxt 4+ 的组件库，基于 Reka UI（无头组件）+ Tailwind CSS v4 + Tailwind Variants 构建。当前稳定版本为 v4.4.0（2026 年 1 月）。它提供 125+ 个开箱即用的组件（Button、Card、Table、Form、Modal、Toast、CommandPalette 等），并支持通过 Tailwind Variants 进行主题定制。适用于安装配置 @nuxt/ui、使用 UI 组件、自定义主题（颜色、变体、CSS 变量）、构建带校验的表单、使用浮层组件以及 useToast、useOverlay 等组合式函数。
该技能用于创建具有高设计品质、风格鲜明且达到生产级水准的前端界面，帮助避免千篇一律的“AI 味”审美。它源自 anthropics/claude-code 的 frontend-design 插件移植版本。使用时由用户提供前端需求（组件、页面、应用或界面），技能会先进行设计思考，明确用途、受众、技术约束与差异化亮点，选定一个大胆的美学方向，再实现可运行的真实代码（HTML/CSS/JS、React、Vue 等）。其美学指南覆盖字体排印、色彩与主题、动效、空间构图、背景与视觉细节，并明确要求避免通用字体、俗套配色和可预测布局。
面向 SvelteKit 应用的性能优化技能，通过充分利用 SvelteKit 全栈架构实现即时服务端渲染与渐进增强，重点排查并消除客户端取数、加载状态与瀑布式请求等反模式。
用于构建与审查 Algolia InstantSearch 搜索/浏览界面的技能，覆盖 React、Vue、Angular（经 InstantSearch.js，Angular InstantSearch 已弃用）等框架，强调数据契约、筛选、路由、移动端、可访问性与事件归因的完整客户可用性。
Next.js 14+ App Router 最佳实践技能，涵盖 Server Components、数据获取、缓存与 Vercel 优化模式，用于 Next.js 开发。
面向 React Native TV 应用的 UI 最佳实践技能，覆盖 tvOS、Android TV、Fire TV 与 Vega OS（react-native-tvos 与 @amazon-devices/react-native-kepler）。用于审查 TV 应用、修复焦点与方向键问题，或构建泳道、Hero 横幅、抽屉、标签页、模态框、焦点陷阱、搜索与登录流程等常见 TV 组件。
Artifact 运行时能力说明：已发布的 Artifact 页面可在打开时声明并获取 claude.ai 查看器授予的运行时能力，如读写数据、上传资源、评论、下载、调用连接器等，弥补静态 HTML 无法实现的行为。
面向 Expo/React Native 应用的项目结构规范，源自 Bulletproof React 并适配 Expo Router 文件路由。核心是让 app/ 只做薄路由层，业务逻辑集中在 features/，共享代码放顶层目录，依赖方向单向流动。
用于 Next.js + Supabase 项目的全栈代码校验编排技能，在写完或修改代码后、提交前或审查 PR 时使用，加载多个可组合子技能并按严重级别报告问题。
session-compound 是一个 CLI 会话复盘工具（来源 ben2pc/auriga-cli），在用户要求复盘、总结、沉淀当前会话或提取可复用经验时使用，会把单次会话压缩成一份可离线打开的 HTML 报告，写入 /tmp，报告含叙事、健康度、评估、经验沉淀四个标签页。
根据用户内容生成白色 Tailwind CDN 报告页（index.html），可选客户端密码解密查看，并上传到 Originless/IPFS 即时托管。
用于构建 Next.js 16 应用并遵循正确模式的技能，涵盖页面、布局、动态路由、Server Actions、API 路由及从 Next.js 15 升级。
将 Figma 设计稿转换为 Bitwarden Clients 单仓库中可用的 Angular 组件，并生成 Storybook 故事。适用于用户提供 Figma 设计规格、需要按代码库规范实现组件的场景。
用于 Next.js / React 前端代码库的通用技能，涵盖新建页面、组件、UI 修复、样式、表单与数据获取。以 Server-first 架构和 TypeScript 为核心，强调服务端默认、Server Actions 变更、按需客户端组件与 MUI 样式约定。
Fresh 是 Deno 的 Web 框架技能资料，涵盖岛屿架构、基于文件的路由、Handler、Signals 与插件，用于构建服务端渲染的 Deno 应用；资料还给出项目结构、配置、表单、中间件、排错与适用边界。
Pinia 是 Vue 的状态管理方案，资料覆盖 store 定义、getters、actions 与持久化插件等知识，适用于 Vue 3 状态管理场景，并给出适用范围、反模式与生产实践建议。
面向 React、Vue、Angular、Svelte、Next.js 与 Tailwind CSS 的框架级无障碍参考数据，提供常见问题与修复模板，本身不是审查工具。
DOM Clone 是一个用于提取并重建网页 DOM/CSS 层的技能，按真实计算值还原布局、排版、颜色、间距、内容、资源与常规交互，输出干净组件。