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

Skill 广场

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

更新于 11-03 00:11

前端与建站

11,405 个结果

react-email

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 以解析表达式。本文档未提供收费、价格或平台信息。

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

shadcn

@json-render/shadcn 是 json-render 的预构建 shadcn/ui 组件库，提供 36 个基于 Radix UI 与 Tailwind CSS 的组件定义与实现。它有两个入口：@json-render/shadcn/catalog 导出 shadcnComponentDefinitions（目录 schema，无 React 依赖，可用于服务端），@json-render/shadcn 导出 shadcnComponents（React 实现）。使用时从标准定义中按需挑选组件，分别构建 catalog 与 registry，并可用自定义组件扩展。组件覆盖布局、导航、浮层、内容、反馈与输入等类别，表单组件支持 checks 校验与 validateOn 校验时机。

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

solid

solid 是 json-render 的 SolidJS 渲染器，包名为 @json-render/solid，用于把 json-render 规格（Spec）渲染成 Solid 组件树，并利用 Solid 的细粒度响应式特性。它适用于构建 @json-render/solid 的目录（catalog）与注册表（registry）、接入 Renderer 各类 Provider、实现绑定（bindings）与动作（actions）等场景。该包提供 Renderer、JSONUIProvider 等入口，配合 defineCatalog、defineRegistry 定义组件与动作，并通过 StateProvider、VisibilityProvider、ValidationProvider、ActionProvider 等 Provider 管理状态、可见性、校验与动作执行，同时提供 useStateStore、useVisibility、useActions、useBoundProp、useUIStream、useChatUI 等 Hook。整体面向需要以 JSON 规格驱动 Solid UI 的开发者，支持动态属性和表达式绑定以及流式 UI 生成。

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

xstate

@json-render/xstate 是 json-render 的 XState Store 适配器，用于实现其 StateStore 接口。当需要将 json-render 与 @xstate/store 结合进行状态管理时使用该包。它可以将一个 @xstate/store 的 atom 接为 json-render 的状态后端，使 json-render 的状态读写经由 @xstate/store 完成。安装命令为 npm install @json-render/xstate @json-render/core @json-render/react @xstate/store，并要求 @xstate/store v3 及以上版本。使用上先通过 createAtom 创建 atom，再用 xstateStoreStateStore 生成适配器 store，最后在 React 侧通过 StateProvider 使用。核心 API 为 xstateStoreStateStore(options)，其唯一选项目为 atom，类型 Atom<StateModel>，必填，用于承载 json-render 的状态模型。

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

zustand

这是 json-render 的 Zustand 状态管理适配器，用于将 Zustand vanilla store 接入 json-render 的 StateStore 接口，让 json-render 的读取与写入操作通过 Zustand 完成。需要安装 @json-render/zustand、@json-render/core、@json-render/react 和 zustand；要求 Zustand v5 及以上版本，不支持 v4，原因是 vanilla store 接口存在破坏性 API 变更。基本使用方式是先用 zustand/vanilla 的 createStore 创建 store，再用 zustandStateStore 生成适配器，并配合 StateProvider 使用。默认对整个 state 进行浅合并，也可通过 selector 和 updater 指定嵌套切片，或用 setState(next, true) 做完整替换。

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

next-best-practices

next-best-practices 是一个面向 Next.js 的代码编写与评审规则集，来自 vercel-labs/openreview。它在编写或审查 Next.js 代码时提供最佳实践约束，覆盖文件约定、RSC 边界、异步 API、运行时选择、指令、函数、错误处理、数据模式、路由处理器、元数据与 OG 图片、图片优化、字体优化、打包、脚本、水合错误、Suspense 边界、并行与拦截路由、自托管以及调试技巧等主题。每个主题对应一份说明文档，例如 file-conventions.md、rsc-boundaries.md、async-patterns.md 等，用于识别无效的 React Server Component 模式、检查不可序列化 props、处理 Next.js 15+ 的异步 params 与 cookies()/headers() 变化等。适合在开发或代码审查环节中，作为提升 Next.js 代码规范性与正确性的参考。

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

compose-expert

Compose Expert 是一个面向 Compose Multiplatform 的 UI 技能，用于指导在 Android 与 Desktop 之间共享 composable 的可视化界面开发。它强调默认共享：共享 composable 放在 :commonsUI（共享层的 Compose 部分），无头状态与 ViewModel 留在 :commons。技能覆盖共享 UI 组件的创建与重构、自定义 ImageVector 图标（roboBuilder 模式）、状态管理模式（remember、derivedStateOf、produceState）、重组优化（@Stable/@Immutable 的视觉用法）、Material3 主题与样式，以及性能（惰性列表、图片加载）。它提供决策框架，判断哪些 UI 适合放入 commonMain、哪些应保持平台专属，并给出共享 composable 的结构约定（状态下行、事件上行，modifier 参数位置）。导航结构、Kotlin 状态模式、构建配置等主题分别委派给 android-expert、desktop-expert、kotlin-expert、gradle-expert 处理。

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

vue-best-practices

vue-best-practices 是 vuejs-ai/skills 提供的一套 Vue.js 开发规范技能，以指令集和工作流的形式指导开发者完成 Vue 任务。它强烈推荐以 Vue 3、Composition API、`<script setup>` 和 TypeScript 作为标准技术栈，覆盖响应式、单文件组件（SFC）、组件数据流、组合式函数（Composables）等核心主题，并在需求存在时按需扩展 SSR、Volar、插槽、过渡动画、指令、异步组件、状态管理等可选能力。该技能强调先确认架构、先规划组件边界，再进入编码；性能优化须在功能实现并验证之后进行，并要求在任务结束前按清单做最终自检。

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

vue-development-guides

Vue.js 开发指南技能，提供使用 Vue.js 开发应用时的最佳实践与提示。该技能要求在开发、重构或审查 Vue.js 项目时应用，涵盖核心原则、默认约定、响应式、组件、单文件组件（SFC）与数据流等规范。核心原则包括保持状态可预测（单一数据源、其余派生）、显式数据流（多数场景下 Props 向下、Events 向上）、偏好小而专注的组件、避免不必要的重渲染、重视可读性。默认约定为优先使用组合式 API 而非选项式 API。响应式方面要求遵循 reactivity-guide.md；组件方面要求遵循 sfc-guide.md，默认使用 <script setup lang="ts">（TypeScript）的单文件组件，SFC 中各区块顺序为 <script> → <template> → <style>，并保持组件专注，职责超过一个时拆分，将 UI 区块移入子组件、将状态与副作用移入 composables（useXxx()）。数据流方面要求遵循 data-flow-guide.md，使用 Props、Emits、v-model、provide/inject 传递与接收数据；跨应用共享数据时遵循 state-management-guide.md，考虑使用 Store 作为状态管理方案。

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