Community编程与开发github.com

vercel-labs/react-pdf

用于 json-render 的 React PDF 渲染器。在从 JSON 规范生成 PDF 文档、处理 @json-render/react-pdf 或将规范渲染为 PDF 缓冲区/流/文件时使用。

react-pdf 是什么?

vercel-labs/react-pdf 是一个 React PDF 渲染器,专为 json-render 设计。它允许开发人员通过 JSON 规范来定义 PDF 内容,从而以声明式的方式生成 PDF 文档。该技能特别适用于需要将 JSON 输入转换为 PDF 输出的场景,例如报告生成、发票创建或任何需要自定义 PDF 布局的上下文。它支持的主要平台包括 Node.js 环境,并且通过 `@json-render/react-pdf` 包与 json-render 工作流无缝集成。工作原理是将 JSON 规范解释为 React 组件树,然后利用 React-PDF 引擎进行渲染,最终输出为 PDF 缓冲区、流或文件。这简化了从结构化数据生成复杂 PDF 文档的过程,无需手动处理底层 PDF 构建逻辑。

兼容平台~Claude Code~Codex CLI~Cursor
Part ofReact
npx skills add https://github.com/vercel-labs/json-render/tree/main/skills/react-pdf

Installed? Explore more 编程与开发 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

react-pdf 是做什么的?

React PDF 渲染器,用于 json-render。在从 JSON 规范生成 PDF 文档、处理 @json-render/react-pdf 或将规范渲染为 PDF 缓冲区/流/文件时使用。

Individual skills in this repo

This repo contains 7 individual skills — each has its own dedicated page.

vercel-labs/core

Core package for defining schemas, catalogs, and AI prompt generation for json-render. Use when working with @json-render/core, defining schemas, creating catalogs, or building JSON specs for UI/video generation.

vercel-labs/react

React renderer for json-render that turns JSON specs into React components. Use when working with @json-render/react, building React UIs from JSON, creating component catalogs, or rendering AI-generated specs.

vercel-labs/react-native

React Native renderer for json-render that turns JSON specs into native mobile UIs. Use when working with @json-render/react-native, building React Native UIs from JSON, creating mobile component catalogs, or rendering AI-generated specs on mobile.

vercel-labs/react-three-fiber

React Three Fiber 3D renderer for json-render. Use when working with @json-render/react-three-fiber, building 3D scenes from JSON specs, rendering meshes/lights/models/environments, or integrating Three.js with json-render catalogs.

vercel-labs/remotion

Remotion renderer for json-render that turns JSON timeline specs into videos. Use when working with @json-render/remotion, building video compositions from JSON, creating video catalogs, or rendering AI-generated video timelines.

vercel-labs/shadcn

Pre-built shadcn/ui components for json-render. Use when working with @json-render/shadcn, adding standard UI components to a catalog, or building web UIs with Radix UI + Tailwind CSS components.

vercel-labs/zustand

Zustand adapter for json-render's StateStore interface. Use when integrating json-render with Zustand for state management via @json-render/zustand.

相关技能