walnut-rich-output SKILL.md skillB

walnut-rich-output from evanzhang008/open-walnut is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add evanzhang008/open-walnut/walnut-rich-output@git:20261013.45aeb25

Pins git:20261013.45aeb25 in mdr.lock. Pin the fingerprint instead.

Audit grade
B, 16 of 17 checks passed
Kind
SKILL.md skill
Repository
evanzhang008/open-walnut
Path
src/data/skills/walnut-rich-output/SKILL.md
Versions recorded
2
Latest version
git:20261013.45aeb25, committed Oct 13, 2026
First version recorded
Oct 1, 2026
Size
9,652 bytes
Repository stars
34
License
MIT

Write replies as rich HTML that the Walnut web console and iOS app render natively while streaming — colored callouts, comparison grids, SVG diagrams, CSS-only steppers/tabs, animations, and sandboxed `html-app` islands for real JavaScript. Load this when explaining something hard (a paper, a codebase, a protocol, a decision) where visual structure beats prose, or when a reply is in rich output mode.

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

# Rich HTML output

The Walnut web console and the iOS app both render raw HTML in an assistant reply as real DOM, streaming it like markdown. You do not need a special syntax or a wrapper: write `<div>`, `<style>`, `<svg>`, `<details>` in the reply and they render. Markdown still works alongside, so use HTML only where it earns its place.

**Write visual HTML directly in the reply.** Do not replace it with an HTML file, a screenshot, or an HTML code fence unless the user explicitly requests that artifact. Use `html-app` only for JavaScript islands. Keep internal widget lines contiguous; separate the widget from surrounding markdown with blank lines.

**Do not wrap the whole reply in one container.** Write each block at the top level of the reply, the way you write paragraphs. A single `<div>` around everything is not free: it keeps one element open from the first line to the last, which makes the entire reply one streaming block instead of many, and CommonMark then swallows the line right after the opening tag (a `## Heading` there renders as literal `## Heading`). The client strips a bare wrapper it can prove is ceremony, but a wrapper with attributes is taken at face value.
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add evanzhang008/open-walnut/walnut-rich-output@sha256:86dd62e6776555cd

The line at the top of this page pins the label git:20261013.45aeb25, 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_e2xmt3hsn4g2c734.svg)](https://markdownregistry.com/a/art_e2xmt3hsn4g2c734)

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

Versions

The registry has recorded 2 versions of this file, between Oct 1, 2026 and Oct 13, 2026, about one every 12 days.

versioncommittedcommitsizeaudit
git:20261013.45aeb25 latest2026-10-13 45aeb25 9,652 BB view · diff
git:20261001.792672d2026-10-01 792672d 9,335 BB view

Audit of the latest version

B  16 of 17 checks passed. Fixed automatic checks with no AI involved, so the same checks give the same answer every run.
  • fail: No script tag (matched: <script)
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (9652 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

Starting a new one? Use a template for SKILL.md on mdpantry, which passes every one of these checks and says what to change in it.

Source

GitHub

evanzhang008/open-walnut · 34 stars · license MIT · pushed 2026-10-22 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_e2xmt3hsn4g2c734
GET https://markdownregistry.com/api/v1/resolve?ref=evanzhang008/open-walnut/walnut-rich-output
GET https://markdownregistry.com/api/v1/blob/86dd62e6776555cdef05d486ba3185643e75098c1a72f7d870fa8f299415f216

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 evanzhang008/open-walnut

test-and-verify-walnut SKILL.md skill
evanzhang008/open-walnut · .claude/skills/test-and-verify-walnut/SKILL.md · 4-agent pipeline: design + implement code tests + Playwright UI tests + quality gate. Reads walnut-console-ops first.
git:20260923.a2cf102 · audit A · 34 stars
walnut-console-ops SKILL.md skill
evanzhang008/open-walnut · .claude/skills/walnut-console-ops/SKILL.md · Operating the Walnut web UI (localhost:3456) via Playwright MCP tools — understanding the UI layout, chatting with main…
git:20260923.a2cf102 · audit A · 34 stars
walnut-core-internals SKILL.md skill
evanzhang008/open-walnut · .claude/skills/walnut-core-internals/SKILL.md · Deep implementation details for src/core/ — task model (5 text fields, phase lifecycle, dependencies, session slots…
git:20260929.89b1b35 · audit A · 34 stars
walnut-markdown-rendering SKILL.md skill
evanzhang008/open-walnut · .claude/skills/walnut-markdown-rendering/SKILL.md · How Walnut turns model text into rendered output — the two marked instances and the CJK retunes registered on both, why…
git:20261013.45aeb25 · audit A · 34 stars
walnut-testing SKILL.md skill
evanzhang008/open-walnut · .claude/skills/walnut-testing/SKILL.md · Testing details for the Walnut repo — 5-tier pyramid (unit/integration/e2e/browser/live), per-tier vitest configs &…
git:20260923.a2cf102 · audit A · 34 stars
walnut-web-frontend SKILL.md skill
evanzhang008/open-walnut · .claude/skills/walnut-web-frontend/SKILL.md · Implementation details for web/src/ (React SPA) — session chat single-timeline model (streaming blocks, render-filter…
git:20261004.76c60f1 · audit A · 34 stars
AGENTS.md AGENTS.md file
evanzhang008/open-walnut · AGENTS.md
git:20261020.83cc878 · audit A · 34 stars
CLAUDE.md CLAUDE.md file
evanzhang008/open-walnut · CLAUDE.md
git:20260706.0a2d7f0 · audit B · 34 stars
hello-greetings SKILL.md skill
evanzhang008/open-walnut · examples/plugins/hello-walnut/skills/hello-greetings/SKILL.md · Greet someone using the Hello Walnut plugin's tool. Use when the user asks for a greeting demo, says "greet X", or…
git:20260821.22b34fe · audit A · 34 stars
walnut-demo SKILL.md skill
evanzhang008/open-walnut · examples/plugins/walnut-demo/skills/walnut-demo/SKILL.md · Read the Walnut Plugin Demo's state and explain which Plugin capability does what.
git:20260824.e042aac · audit A · 34 stars
walnut-rhythm SKILL.md skill
evanzhang008/open-walnut · plugin-store/walnut-rhythm/skills/walnut-rhythm/SKILL.md · Start, stop and read Rhythm focus blocks (pomodoros tied to a task) and answer or snooze its stand-up reminder. Use…
git:20260925.ebb4db2 · audit A · 34 stars
restore-backup SKILL.md skill
evanzhang008/open-walnut · skills/restore-backup/SKILL.md · Hands-on disaster-recovery agent for Open Walnut S3 backups. Paste into your OWN Claude Code session — it finds your…
git:20260815.05be0cd · audit A · 34 stars

Every file in evanzhang008/open-walnut

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