SuperAPI AI 工具集
合作ENAI 行业资讯收藏

Skill 广场

找到适合任务的 Agent Skill，阅读介绍并复制安装命令。

更新于 11-03 00:11

前端与建站

11,402 个结果

svelte-core-bestpractices

这是一项针对 Svelte 项目的编码技能，用于在编写、编辑或分析 Svelte 组件时提供关于现代、快速、稳健 Svelte 代码的实践指导。内容围绕 Svelte 5 的 runes 体系展开，涵盖响应式状态的声明方式（$state、$state.raw）、派生值（$derived、$derived.by）、副作用（$effect）的使用边界、组件 props 的处理、调试工具 $inspect 与 $inspect.trace、#key 块的代价、事件绑定写法、snippets 复用片段、each 块键值、CSS 中使用 JS 变量、子组件样式控制、context 类型安全，以及异步 Svelte 的实验性特性。技能同时列出了应避免的旧式写法与新写法的对应替换关系，例如用 $state 替代隐式响应式、用 $props 替代 export let、用 onclick 替代 on:click、用 snippets 替代 slot、用 {@attach} 替代 use:action 等。

前端与建站安装量暂无数据

tanstack-form

TanStack Form 是一个无头（headless）表单状态管理库，深度集成 TypeScript，支持 TS/JS、React、Vue、Angular、Solid、Lit 和 Svelte。它提供字段级与表单级校验（同步/异步）、数组字段、联动/依赖字段、细粒度响应式更新，并支持 Zod、Valibot、Yup 等 schema 校验适配器。核心 API 为 useForm，配套 form.Field、form.Subscribe、useStore 等能力，以及 formOptions 用于跨组件复用配置。其 npm 包为 @tanstack/react-form，适配器包括 @tanstack/zod-form-adapter、@tanstack/valibot-form-adapter，当前状态为稳定版 v1。

前端与建站安装量暂无数据

tanstack-ranger

TanStack Ranger 是一组无头（headless）工具，用于构建可访问的范围滑块与多范围滑块组件。它负责处理单值、区间与多滑块的全部复杂逻辑，同时让你完全掌控样式与标记。核心包为 @tanstack/ranger-core（框架无关），并提供 React、Vue、Solid、Svelte、Angular 适配包，均为 Stable 状态。安装示例：npm install @tanstack/react-ranger。主要 API 为 useRanger，必需选项包括 getRangerElement、values、min、max、onChange；可选选项包括 stepSize、steps、tickSize、ticks、interpolator、onDrag。实例提供 sortedValues、handles、getSteps()、getTicks()、setValues() 等。内置无障碍支持：滑块角色、aria 属性与键盘导航。

前端与建站安装量暂无数据

tanstack-router

TanStack Router 是一个为 React 和 Solid 应用提供的完全类型安全的路由库，支持基于文件的路由、一等公民的搜索参数管理、内置数据加载、代码分割以及与 React 生态的深度 TypeScript 集成。它是全栈框架 TanStack Start 的路由基础。官方包名为 @tanstack/react-router，配合 @tanstack/router-cli 或 @tanstack/router-plugin（支持 Vite/Rspack/Webpack）使用，并提供 @tanstack/react-router-devtools 开发工具。该库强调类型推断、加载器依赖控制、预加载、认证守卫和与 TanStack Query 的集成，适合需要强类型路由和复杂数据加载场景的前端项目。

前端与建站安装量暂无数据

tanstack-start

TanStack Start 是一个基于 TanStack Router 的全栈 React 框架，由 Vite 与 Nitro（通过 Vinxi）驱动。它提供服务端渲染（SSR）、流式渲染、服务端函数（RPC）、中间件、API 路由，并可通过 Nitro 预设部署到任意托管平台。核心包为 @tanstack/react-start。安装方式为 npx @tanstack/cli create my-app，或手动安装依赖。项目包含 app/routes 路由目录、入口文件与自动生成的路由树。框架支持通过 createServerFn 定义类型安全的服务端函数，可选配套 Zod 校验；支持 createMiddleware 构建中间件链，用于鉴权、日志等横切关注点；支持 createAPIFileRoute 定义 API 路由。SSR 默认流式输出，可结合 defer 与 Await 处理非关键数据。部署通过 app.config.ts 的 server.preset 选择目标平台。当前状态为 RC（候选发布版），React Server Components 支持仍在开发中。

前端与建站安装量暂无数据

compositions/router-query

本技能介绍如何将 TanStack Router 与 TanStack Query 集成，把 Query 作为外部数据缓存交由 Router 的 loader 系统协调。内容涵盖在路由上下文中注入 queryClient、在 loader 中使用 ensureQueryData/prefetchQuery、在组件中使用 useSuspenseQuery，以及 SSR 场景下的 dehydration/hydration 处理。技能强调两项关键配置：设置 defaultPreloadStaleTime: 0 以避免 Router 内置预加载缓存干扰 Query 的数据新鲜度控制；SSR 时在 createRouter 工厂函数内创建 QueryClient，避免模块级单例在服务器请求间泄漏数据。此外还给出 useQueryErrorResetBoundary 的错误处理模式和常见错误清单。

前端与建站0 次安装

router-core/path-params

TanStack Router 的路径参数（Path Params）功能文档，介绍如何在路由路径中捕获动态 URL 片段。内容包括：以 $ 前缀定义的动态段（$paramName）、捕获全部剩余路径的 splat 路由（$，值存于 _splat）、可选参数（{-$paramName}）、以及带前后缀的模式（{$param}.ext）。文档还说明了如何通过 params 属性进行导航、在 loader 和 beforeLoad 中读取参数、在路由组件外使用 useParams，并列出允许的额外字符配置。同时强调类型完全推断、禁止将参数插值进 to 字符串等常见错误。

前端与建站0 次安装

router-core/search-params

TanStack Router 的 Search Params（搜索参数）处理能力。该功能把搜索参数视为 JSON 优先的应用状态，自动从 URL 解析为结构化对象（数字、布尔、数组、嵌套对象），并在每个路由上通过 validateSearch 进行验证。支持 Zod、Valibot、ArkType 等验证库适配器，提供 fallback() 用于 Zod v3 场景。内置 retainSearchParams（跨导航保留参数）和 stripSearchParams（从 URL 移除默认值）等搜索中间件，支持中间件链式组合。还支持自定义序列化、参数继承（父路由参数自动合并到子路由）、通过 loaderDeps 在 loader 中使用搜索参数。类型可完全推断，读取方式包括 Route.useSearch()、getRouteApi() 和 useSearch({ from }) 等。

前端与建站0 次安装

router-core/ssr

TanStack Router 的 SSR（服务端渲染）功能，提供非流式与流式两种服务端渲染方式。通过 createRequestHandler、defaultRenderHandler、renderRouterToString、defaultStreamHandler、renderRouterToStream 等服务端 API，以及客户端 RouterClient 进行 hydration，实现服务端渲染与客户端激活。注意：TanStack Router 是客户端优先（client-first）的，loader 默认在客户端运行，启用 SSR 后 loader 会同时在客户端和服务端运行，并非 Remix/Next.js 那样仅在服务端运行。官方明确提示 SSR API 尚属实验性，与 TanStack Start 共享内部实现，可能发生变化，生产环境推荐使用 TanStack Start，仅在集成既有服务器时手动配置 SSR。

前端与建站0 次安装

router-core/type-safety

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 的导入与文件结构。

前端与建站0 次安装