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

Skill 广场

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

更新于 10-31 00:15

前端与建站

11,328 个结果

tanstack-react-start

TanStack Start 的 React 绑定包（@tanstack/react-start），提供 createStart、StartClient、StartServer 等能力，并完整再导出 @tanstack/react-router 的路由 API。该技能强调所有代码默认是同构的（isomorphic），loader 会在服务端和客户端都执行，仅有服务端逻辑应放入 createServerFn。它给出从依赖安装、package.json、tsconfig.json、vite.config.ts 到路由工厂、根路由、索引路由的完整项目搭建步骤，并说明 useServerFn 钩子的用法及全栈工作流顺序：定义路由与组件、把私有读写放入 createServerFn、在组件变更后用 useServerFn、在每个私有服务端函数或路由中强制鉴权、再执行 SSR、导航、变更重载、匿名端点、响应断言、类型测试与生产构建等验证。同时列出可用组件与钩子，并给出常见错误提醒，如从错误包导入、在 beforeLoad/loader 中使用 React 钩子、遗漏 Scripts 组件等。

前端与建站2 次安装

tanstack-react-start-server-components

该技能用于在 React 19 应用中实现、审查、调试和重构 TanStack Start 的 React Server Components（RSC）。它把 TanStack Start RSC 视为可获取的 React Flight 载荷，而非框架自有的服务端树，主张从数据归属与缓存归属出发，选择最小的 RSC 原语。技能覆盖 Vite 配置检查、路由文件检查、服务端边界识别、缓存归属与刷新路径判断，并给出硬性约束（如路由 loader 同构、renderServerComponent 不支持插槽、查询缓存的 RSC 值需 structuralSharing: false 等）、原语选择、缓存与刷新归属决策、审查重构清单、调试入口和示例文件。适用于涉及 @tanstack/react-start/rsc 的任务。

前端与建站2 次安装

tanstack-router-core-not-found-and-errors

这是 TanStack Router 中处理「页面未找到」与「错误边界」的技能文档。它讲解两类 not found 的处理方式：一类是 URL 路径未匹配（自动触发），另一类是通过 notFound() 手动抛出的资源缺失（如文章不存在）；错误则通过每个路由的 errorComponent 配置。文档强调不要使用已废弃的 NotFoundRoute，否则 notFound() 与 notFoundComponent 将失效；同时提醒 notFoundComponent 内不宜使用 useLoaderData（可能为 undefined），应改用 useParams、useSearch 或 useRouteContext。内容涵盖根路由全局 404、路由级默认 defaultNotFoundComponent、按路由的 notFound()、通过 routeId 或 rootRouteId 指定目标路由、notFoundMode 的 fuzzy 与 root 两种模式、errorComponent 与 defaultErrorComponent、重试时应使用 router.invalidate() 而非仅 reset()、通过 data 选项传递部分数据，以及路由遮罩（Route Masking）的声明式、命令式与 unmaskOnReload 配置，另附常见错误与交叉引用。

前端与建站2 次安装

tanstack-router-core-ssr

TanStack Router 的 SSR（服务端渲染）能力，包含非流式与流式两种 SSR 模式，以及 RouterClient、RouterServer、renderRouterToString、renderRouterToStream、createRequestHandler 等 API。该能力为实验性，内部实现与 TanStack Start 共享，可能发生变化；生产环境推荐使用 TanStack Start，仅在集成已有服务器时手动搭建 SSR。文档涵盖共享路由工厂、服务端与客户端入口、流式 SSR、head 与 scripts 管理、Express 集成示例，并列出常见错误与限制。

前端与建站2 次安装

tanstack-solid-router

TanStack Router 的 Solid 绑定库（@tanstack/solid-router），为 Solid 应用提供类型安全的文件式路由能力。它提供 RouterProvider、Link、Outlet、Navigate、Await、CatchBoundary、Block、ClientOnly 等组件，以及 useRouter、useRouterState、useMatch、useMatches、useLocation、useSearch、useParams、useNavigate、useLoaderData 等钩子。该库类型完全推断，客户端优先，多数钩子返回 Accessor<T>，需调用后才能读取响应式值。适用于使用 Solid 构建需要类型安全路由、数据加载与导航控制的单页应用。

前端与建站2 次安装

tanstack-solid-start

TanStack Start 的 Solid 绑定包（@tanstack/solid-start），在 start-core 的核心概念之上，提供 Solid 专属的集成方式。它从 @tanstack/start-client-core 重新导出全部核心 API（如 createServerFn、createMiddleware、createStart、createIsomorphicFn、createServerOnlyFn、createClientOnlyFn），并额外提供 useServerFn 这一 Solid 钩子，用于在组件中调用服务端函数。该包还包含 tanstackStart 的 Vite 插件、StartClient、StartServer 等入口，以及从 @tanstack/solid-start/server 导入的服务端工具（getRequest、getRequestHeader、setResponseHeader、setCookie、getCookie、useSession）。使用时需注意：所有代码默认同构，loader 在服务端和客户端都会运行，仅服务端逻辑应放入 createServerFn；类型完全推断，不应强制转换；且不要与 SolidStart（@solidjs/start）混淆，二者是 API 完全不同的框架。

前端与建站2 次安装

tanstack-vue-router

TanStack Vue Router（@tanstack/vue-router）是 TanStack Router 的 Vue 绑定，提供路由提供者组件、组合式函数与类型安全的路由能力。该技能覆盖 Vue 专属的绑定、组件、组合式函数与安装配置。其类型完全推断，强调客户端优先，且大多数组合式函数返回 Ref<T>，在脚本中需用 .value 访问、模板中自动解包。注意：它与官方 vue-router 是完全不同的库，API 不同；使用前需先了解 router-core 的基础概念。

前端与建站2 次安装

web-artifacts-builder

web-artifacts-builder 是 Anthropic 提供的工具套件，用于使用现代前端技术栈（React、Tailwind CSS、shadcn/ui）创建结构复杂、多组件的 claude.ai HTML artifact。它通过初始化脚本搭建 React 项目，开发完成后利用打包脚本将全部 JavaScript、CSS 和依赖内联为单个自包含的 HTML 文件，从而可直接在 Claude 对话中作为 artifact 分享。项目内置 40 多个 shadcn/ui 组件和完整的 Radix UI 依赖，并预置路径别名、Tailwind 主题系统与 Parcel 打包配置，同时兼容 Node 18 及以上环境。该工具还提供设计与风格指南，提醒避免过度居中布局、紫色渐变、统一圆角和 Inter 字体等常见 AI 生成风格。适合需要构建较完整交互式前端界面并作为单个 HTML 交付的场景。

前端与建站2 次安装

web-asset-generator

Web Asset Generator 是一个用于生成网站资源的技能，可从 logo 图片、emoji 或文字标语生成 favicon、PWA 应用图标以及社交媒体分享预览图（Open Graph 图片），覆盖 Facebook、Twitter、WhatsApp 和 LinkedIn 等平台。它通过 Python 脚本（generate_favicons.py 与 generate_og_images.py）批量输出标准尺寸的图标与图片，并附带对应的 HTML 标签，还支持将标签自动集成到 Next.js、Astro、SvelteKit、Nuxt、Gatsby 或纯 HTML 项目中，并提供主流社交平台的预览测试链接。

前端与建站2 次安装