SuperAPI AI 工具集找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 11-03 00:11
11,403 个结果
TanStack Router 的类型安全指南，核心是“完全类型推断”哲学：参数、搜索参数、上下文与 loader 数据都会沿路由树自动流转，因此不应再手动添加类型注解、类型断言或泛型参数。文档强调唯一必须的类型注解是 Register 模块声明，否则 Link、useNavigate、useSearch 等顶层导出将失去类型安全。内容涵盖路由钩子与 Link 的 from 收窄、strict:false 用于跨路由共享组件、getRouteApi 用于代码分割文件、以及提升 TypeScript 性能的写法（对象语法 addChildren、避免 loader 返回无用推断类型、as const satisfies 替代 LinkProps 变量类型）。还提供 ValidateLinkOptions、ValidateNavigateOptions、ValidateRedirectOptions 等类型工具用于泛型组件，并列出常见错误，包括误用 Next.js 或 React Router 的导入与文件结构。
tavily-crawl 是通过 Tavily CLI（tvly）抓取网站并提取多页内容的技能，可将每个页面保存为本地 Markdown 文件，适合下载文档、批量获取站点内容。
腾讯云 CloudBase 云存储 Web SDK（@cloudbase/js-sdk）使用指南，涵盖浏览器端上传、下载、临时链接、文件管理与最佳实践，并区分传统 NoSQL 与 PG 模式的调用差异。
腾讯云 CloudBase 提供的 Web 前端工程技能，用于在方向已确定后进行 React/Vue/Vite 前端实现、集成、调试、构建、部署与验证，并支持 CloudBase Web SDK 与静态托管集成。
用于构建 Android 原生界面的现代声明式 UI 工具包，涵盖 remember/mutableStateOf 状态管理、状态提升、ViewModel 集成、导航、Material 3 主题、列表与网格等模式，并给出性能优化与反模式建议。
Wizard / Stepper 是一个用于实现多步骤表单与流程的 UI 模式技能，帮助团队将冗长的流程拆分为有顺序的步骤，并提供可见的进度与复核检查点。该模式最适用于引导与设置场景，能在不隐藏状态、规则或恢复路径的前提下降低使用阻力。技能内容涵盖适用与避免场景、实现工作流、无障碍保障（键盘交互、屏幕阅读器支持、视觉无障碍）以及常见错误与修复方法，并给出相关模式链接，完整实现细节、示例与测试说明见 references/pattern.md。
OpenUI 是以 OpenUI Lang 为核心的全栈生成式 UI 框架，用于构建、调试、集成、迁移和记录 OpenUI 相关应用。核心解析、流式解析、提示生成、运行时求值与类型位于 @openuidev/lang-core，React、Vue、Svelte 及浏览器无构建集成构建在其上。
OpenUI 是全栈生成式 UI（Generative UI）框架，围绕流式语言 OpenUI Lang 构建。核心解析、提示生成、运行时求值与类型位于 @openuidev/lang-core，React、Vue、Svelte 及免构建浏览器集成在其之上。配套 OpenUI Gateway（托管模型与 Lang 校正）、Observability（生产监控）和 Agent Interface（React 聊天 UI）。
Tigris 图片优化技能：在 Tigris 对象存储中调整图片尺寸、生成缩略图、提供响应式图片并利用全球 CDN 加速分发，涵盖 Next.js、Remix、Express、Rails、Django、Laravel 等框架的接入方案。
为 Ton AppKit React 新增组件并遵循目录、样式、设计变量和 Storybook 约定的历史开发指南。
用于设计、实现或评审网站与 Web 应用 UX/UI 的智能体技能，覆盖信息结构、用户流程、响应式布局、视觉系统、内容与交互状态，强调基于真实内容与行为做设计。
frontend-design-ui-ux 是一个用于产出独特且锁定设计语言与可实施 UX/UI 规格的技能，所有产物写入 .ulpi/design/，供工程智能体直接实现。
UniHelper 公开资料中的 uni-app 文档查询与跨平台开发参考；当前链接仓库中的 Skill 声明名为 uni-app。
Uniwind 是面向 React Native 的 Tailwind CSS v4 样式方案，核心组件原生支持 className，样式在构建时编译、无运行时开销。本文整理其版本要求、关键规则（禁止动态 className、使用 accent- 前缀处理非样式颜色属性等）、参考文件与工作流。
shadcn-vue 是一个用于构建 UI、组件与设计系统的框架，组件以源码形式通过 CLI 添加到用户项目中。它提供项目上下文、组件文档与注册表搜索，支持添加、搜索、修复、调试、样式与组合 UI，适用于 Vue/Nuxt 项目。
这是一个用于生成独特、生产级前端界面的技能，旨在避免常见的“AI 味”审美。当用户要求构建 Web 组件、页面、产物或界面时使用。该技能引导在编码前先进行设计思考，确定明确的审美方向和风格基调，然后实现功能完整、视觉出众且细节考究的代码（HTML/CSS/JS、React、Vue 等），并围绕字体选择、配色主题、动效、空间构图、背景与视觉细节等方面给出具体的美学要求。
这是一套面向 React 的组件组合模式（Composition Patterns）技能指南，来源为 vercel-labs/agent-skills。它聚焦于用组合而非布尔属性来构建灵活、可维护的 React 组件，帮助减少布尔属性泛滥，提升组件库的可复用性与可扩展性，使代码库更便于人类与 AI 智能体协作维护。指南按优先级分为四类规则：组件架构（高优先级，含避免布尔属性、复合组件）、状态管理（中优先级，含解耦实现、上下文接口、状态提升）、实现模式（中优先级，含显式变体、以 children 替代 render props）、React 19 API（中优先级，仅适用于 React 19+，含不再使用 forwardRef、以 use() 替代 useContext()）。适用于重构含大量布尔属性的组件、构建可复用组件库、设计灵活的组件 API、审查组件架构，以及处理复合组件或上下文提供者等场景。每条规则文件包含原因说明、错误代码示例、正确代码示例与参考信息，完整指南见 AGENTS.md。
面向 React Native 与 Expo 应用开发的性能与最佳实践规则集，涵盖列表性能、动画、UI 模式、状态管理、渲染、Monorepo 与配置等类别，供构建高性能移动应用时参考。
@json-render/directives 是 @json-render/core 的预置自定义指令集合，可直接接入 catalog 与渲染器，为 JSON 驱动的界面添加格式化、数学运算、字符串处理与国际化能力。它提供 7 个开箱即用的指令：$format（基于 Intl 的日期、货币、数字、百分比格式化）、$math（加减乘除、取模、最值、取整等运算）、$concat（字符串拼接）、$count（数组或字符串长度）、$truncate（文本截断）、$pluralize（单复数形式）、$join（数组连接），以及工厂函数 createI18nDirective 用于生成 $t 国际化指令。指令支持嵌套组合，解析器会对子值调用 resolvePropValue，因此可以互相包裹或与内置表达式配合，按由内而外的顺序求值。使用时通过 standardDirectives 数组接入 prompt 生成与 React、Vue、Svelte、Solid 四种渲染器的 provider 或 createRenderer。也可用 defineDirective 自定义指令，名称须以 $ 开头且不得与内置键冲突。
jotai 是 json-render 的 Jotai 适配器，属于 @json-render/jotai 包。它实现 json-render 的 StateStore 接口，用于把 Jotai atom 接入 json-render，让 json-render 的读写操作通过 Jotai 完成状态管理。适用场景包括：需要在项目中使用 Jotai 管理 json-render 状态，或希望在已有 Jotai <Provider> 与自定义 store 的应用中，让 json-render 与组件共享同一份状态。使用方式主要是创建持有 json-render 状态的可写 atom，再调用 jotaiStateStore 生成 store 并传入 StateProvider；如需共享状态，可额外传入自定义 Jotai store。安装依赖包括 @json-render/jotai、@json-render/core、@json-render/react 和 jotai。
@json-render/next 是 json-render 的 Next.js 渲染器，用于把 JSON 规格（spec）转换成完整的 Next.js 应用，支持路由、页面、布局、元数据与 SSR。它通过 NextAppSpec 顶层规格定义整个应用：metadata 提供根级 SEO 元数据（标题模板、描述、OpenGraph），layouts 定义可复用布局元素树（每个布局必须包含 Slot 组件），routes 以 URL 模式为键定义路由，state 提供跨路由共享的全局初始状态。路由遵循 Next.js URL 约定，支持静态路由、动态段、catch-all 与可选 catch-all。使用方式为安装 @json-render/core、@json-render/react、@json-render/next 三个包，定义 spec，用 createNextApp 生成 Page、generateMetadata、generateStaticParams，再在 app 目录的路由文件中导出并配合 NextAppProvider 使用。内置 Slot、Link 组件与 setState、pushState、removeState、navigate 动作，并支持服务端数据加载器。
@json-render/react 是 json-render 的 React 渲染器，用于把 JSON 规格（spec）转换成 React 组件树。它适合在使用 @json-render/react、从 JSON 构建 React UI 等场景下使用。核心工作流是：先用 defineCatalog 配合 zod 定义组件目录（含 props 结构与插槽），再用 defineRegistry 提供类型安全的组件实现，最后通过 Renderer 渲染 spec。它支持元素树格式的 spec、命名插槽、基于状态的可见性条件、多种 Provider（状态、动作、可见性、表单校验）、外部状态存储（Redux、Zustand、XState 等）、动态 prop 表达式（$state、$bindState、$bindItem、$cond、$template、$computed）、事件系统、状态监听（watch）、内置动作（setState、pushState、removeState、validateForm）以及 useBoundProp 双向绑定等能力。
react-email 是 json-render 生态中的 React Email 渲染器，包名为 @json-render/react-email。它用于把 JSON 规格（spec）转换成 HTML 或纯文本邮件内容，依赖 @react-email/components 与 @react-email/render。其使用方式为：定义 catalog（基于 schema 与组件定义，可含标准组件，也可用 Zod 自定义组件并注册到 registry），再调用 renderToHtml 或 renderToPlainText 生成邮件字符串；也可在浏览器中通过 Renderer / createRenderer 预览渲染。规格结构与 @json-render/react 相同，采用 root 键加 elements 映射的扁平元素树，根节点须为 Html，其子节点一般为 Head 与 Body。它支持 visible 条件、$state、$cond、repeat（含 repeat.statePath 与 { "$item": "field" } 嵌套路径）等与 @json-render/react 一致的表达式语法，服务端渲染时可在 RenderOptions 中传入 state 以解析表达式。本文档未提供收费、价格或平台信息。
json-render 的 React Native 渲染器，可将 JSON 规格转换为原生移动端界面。当你使用 @json-render/react-native 构建 React Native UI 时使用。