Community程式設計與開發github.com

vercel-labs/react-pdf

用於 json-render 的 React PDF 渲染器。適用於從 JSON 規格生成 PDF 文件、處理 @json-render/react-pdf 或將規格渲染為 PDF 緩衝區/串流/文件。

react-pdf 是什麼?

這是一個基於 React 的 PDF 渲染器,專為 json-render 生態系統設計。它能讓開發者從 JSON 規格動態生成 PDF 文件,並支援與 @json-render/react-pdf 整合,以程式化方式操作 PDF 緩衝區、串流或檔案。此技能在需要自動化報告生成、動態表單列印或任何需將結構化 JSON 資料轉換為 PDF 格式的場景中特別有用。它支援主流的 AI 代理平台(如 Claude Code、Cursor 和 Codex),其核心邏輯是將 JSON 規格映射至 React 元件,再渲染為 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 是做什麼的?

用於 json-render 的 React PDF 渲染器。適用於從 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.

相關技能