multi-surface-render
Multi-surface rendering with json-render — one JSON spec produces React web, Next.js, React Native, Ink terminal UIs, PDFs, emails, Remotion videos, OG images, and 3D scenes. Covers renderer target selection, registry mapping, and platform APIs (renderToBuffer, renderToStream, renderToFile). Use when generating output for several platforms or creating PDF reports, email templates, demo videos, or social images from one component spec.
- Compatibility
- Claude Code 2.1.220+
Pinned to revision 1ff988bd66da, so it is the text this page describes rather than whatever the author pushed since.
Files
- skills/multi-surface-render/SKILL.md
- skills/multi-surface-render/references/ork-delta.md
- skills/multi-surface-render/references/upstream-email.md
- skills/multi-surface-render/references/upstream-image.md
- skills/multi-surface-render/references/upstream-pdf.md
- skills/multi-surface-render/references/upstream-remotion.md
- skills/multi-surface-render/rules/_sections.md
- skills/multi-surface-render/rules/_template.md
- skills/multi-surface-render/rules/pdf-email-renderer.md
- skills/multi-surface-render/rules/react-renderer.md
- skills/multi-surface-render/rules/registry-mapping.md
- skills/multi-surface-render/rules/target-selection.md
- skills/multi-surface-render/rules/video-image-renderer.md
- skills/multi-surface-render/test-cases.json
Every link opens the file at its source, pinned to the revision this page describes.