multi-surface-render SKILL.md skillA

multi-surface-render from yonatangross/orchestkit is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add yonatangross/orchestkit/multi-surface-render@v1.1.0

Pins v1.1.0 in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
yonatangross/orchestkit
Path
plugins/ork/skills/multi-surface-render/SKILL.md
Versions recorded
10
Latest version
v1.1.0, committed Nov 4, 2026
First version recorded
Jul 31, 2026
Size
16,466 bytes
Repository stars
299
License
MIT

One json-render spec to many targets: React, Next.js, React Native, Ink, PDF, email, Remotion, OG images, 3D. Use when one component spec must render on several platforms.

Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.

What the file says

Upstream version reference: `@json-render/core` 0.21.3 (2026-10-24).

# Multi-Surface Rendering with json-render

Define once, render everywhere. A single json-render catalog and spec can produce React web UIs, PDF reports, HTML emails, Remotion demo videos, and OG images — each surface gets its own registry that maps catalog types to platform-native components.

## Quick Reference

| Category | Rules | Impact | When to Use |
|----------|-------|--------|-------------|
| [Target Selection](#target-selection) | 1 | HIGH | Choosing which renderer for your use case |
| [React Renderer](#react-renderer) | 1 | MEDIUM | Web apps, SPAs, dashboards |
| [PDF & Email Renderer](#pdf--email-renderer) | 1 | HIGH | Reports, documents, notifications |
| [Video & Image Renderer](#video--image-renderer) | 1 | MEDIUM | Demo videos, OG images, social cards |
| [Registry Mapping](#registry-mapping) | 1 | HIGH | Platform-specific component implementations |

**Total: 5 rules across 5 categories**

## How Multi-Surface Rendering Works

1. **One catalog** — Zod-typed component definitions shared across all surfaces
2. **One spec** — flat-tree JSON/YAML describing the UI structure
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add yonatangross/orchestkit/multi-surface-render@sha256:a3d45a888ff5e4ee

The line at the top of this page pins the label v1.1.0, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.

Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_6d5ttuuszvg6q54o.svg)](https://markdownregistry.com/a/art_6d5ttuuszvg6q54o)

4 badge image fetches in 30 days. What the badge shows.

Versions

The registry has recorded 10 versions of this file, between Jul 31, 2026 and Nov 4, 2026, about one every 11 days.

versioncommittedcommitsizeaudit
v1.1.0 latest2026-11-04 3036b27 16,466 BA view · diff
v1.1.02026-10-26 b09b1e6 16,735 BA view · diff
v1.1.02026-09-30 e533cd5 16,081 BA view · diff
v1.1.02026-09-28 220adb4 16,011 BA view · diff
v1.1.02026-09-20 02cb935 16,024 BA view · diff
v1.1.02026-08-29 2aed0b0 16,024 BA view · diff
v1.1.02026-08-28 520bf59 16,024 BA view · diff
v1.1.02026-08-02 ece586d 15,332 BA view · diff
v1.1.02026-07-31 240a242 15,357 BA view · diff
v1.1.02026-07-31 e267c5c 15,359 BA view

Audit of the latest version

A  17 of 17 checks passed. Fixed automatic checks with no AI involved, so the same checks give the same answer every run.
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (16466 bytes)
  • pass: No zero-width or bidi control characters
  • pass: No instruction hidden inside an HTML comment
  • pass: No link to an exfiltration or paste host
  • pass: No credential-shaped string
  • pass: No instruction to send local credentials anywhere
  • pass: No text hidden with inline styles
  • pass: No prompt-injection phrasing
  • pass: No curl or wget piped into a shell
  • pass: No recursive delete of root, home or parent
  • pass: No instruction to read or print local credentials
  • pass: No base64 blob over 200 characters
  • pass: No link to a raw IP address
  • pass: No script tag

Source

GitHub

yonatangross/orchestkit · 299 stars · license MIT · pushed 2026-11-07 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_6d5ttuuszvg6q54o
GET https://markdownregistry.com/api/v1/resolve?ref=yonatangross/orchestkit/multi-surface-render
GET https://markdownregistry.com/api/v1/blob/a3d45a888ff5e4eea215956e98bc51851b2a9dd205fadac21ffe6fd43fbfc897

Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.

Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.

More from yonatangross/orchestkit

AGENTS.md AGENTS.md file
yonatangross/orchestkit · AGENTS.md
git:20261022.980c9bf · audit A · 299 stars
CLAUDE.md CLAUDE.md file
yonatangross/orchestkit · CLAUDE.md
git:20261029.22dfd98 · audit A · 299 stars
AGENTS.md@docs/site AGENTS.md file
yonatangross/orchestkit · docs/site/AGENTS.md
git:20260823.5e31893 · audit A · 299 stars
CLAUDE.md@docs/site CLAUDE.md file
yonatangross/orchestkit · docs/site/CLAUDE.md
git:20260823.5e31893 · audit B · 299 stars
ork-assess SKILL.md skill
yonatangross/orchestkit · plugins/ork-codex/skills/ork-assess/SKILL.md · Assess a code change, design, architecture, workflow, or competing options against explicit criteria and evidence. Use…
git:20260819.cf231c6 · audit A · 299 stars
ork-brainstorm SKILL.md skill
yonatangross/orchestkit · plugins/ork-codex/skills/ork-brainstorm/SKILL.md · Compare plausible implementation, architecture, product, or operational approaches before committing to one. Use when a…
git:20260819.cf231c6 · audit A · 299 stars
ork-explore SKILL.md skill
yonatangross/orchestkit · plugins/ork-codex/skills/ork-explore/SKILL.md · Map an unfamiliar codebase, feature, architecture, data flow, or operational path with file-backed evidence. Use when a…
git:20260819.cf231c6 · audit A · 299 stars
ork-glyph SKILL.md skill
yonatangross/orchestkit · plugins/ork-codex/skills/ork-glyph/SKILL.md · Render an answer inline as compact ASCII or box-drawing art with semantic status icons. Use for status, inventories…
git:20260919.ab8d756 · audit A · 299 stars
ork-implement SKILL.md skill
yonatangross/orchestkit · plugins/ork-codex/skills/ork-implement/SKILL.md · Make an approved, scoped change and prove the affected behavior. Use when a request asks to implement, build, add, or…
git:20260825.dc3bfe8 · audit A · 299 stars
ork-review-pr SKILL.md skill
yonatangross/orchestkit · plugins/ork-codex/skills/ork-review-pr/SKILL.md · Review a pull request or branch for correctness, regressions, security, operational risk, and missing evidence. Use…
git:20260819.cf231c6 · audit A · 299 stars
ork-verify SKILL.md skill
yonatangross/orchestkit · plugins/ork-codex/skills/ork-verify/SKILL.md · Verify that existing work is ready to merge, release, or hand off using an explicit evidence contract. Use when a…
git:20260819.cf231c6 · audit A · 299 stars
CLAUDE.md@plugins/ork CLAUDE.md file
yonatangross/orchestkit · plugins/ork/CLAUDE.md
git:20261011.1894035 · audit A · 299 stars

Every file in yonatangross/orchestkit

Other files named multi-surface-render

multi-surface-render SKILL.md skill
yonatangross/orchestkit · src/skills/multi-surface-render/SKILL.md · Multi-surface rendering with json-render — one JSON spec produces React web, Next.js, React Native, Ink terminal UIs…
v1.1.0 · audit A · 299 stars

Browse by kind, by grade A, or by owner.