yaml

Name: yaml
Availability: InStock
Author: pch007

Convert YAML wire format specs into incremental UI rendering streams.

1|Updated Jun 19, 2026

Search Tags:#streaming #yaml #prompts #patches #ai-sdk #render #wire-format

Ready to run

npx skills add https://github.com/pch007/json-render --skill yaml-pch007

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: yaml
Source: https://github.com/pch007/json-render/tree/main/skills/yaml
Command: npx skills add https://github.com/pch007/json-render --skill yaml-pch007

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Convert YAML wire format specs into incremental UI rendering streams.

Core Features & Use Cases

YAML wire format: Alternative to JSONL using fences like yaml-spec, yaml-edit, yaml-patch, and diff
Streaming parser: Incrementally parses YAML and emits patches for live UI updates
Edit modes: Patch, merge, and unified diff for flexible spec modification
AI SDK transform: Transform YAML fences into UI render instructions via the AI gateway
Use cases: Build, test, and iterate dynamic interfaces from YAML specs in real time

Quick Start

Submit a YAML spec to initiate a streaming UI render via the YAML wire format.

Frequently Asked Questions about yaml

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I render dynamic UI updates from streaming YAML specs?▼

To render dynamic UI updates from streaming YAML, you submit a YAML wire format spec using fences like yaml-spec. The streaming parser incrementally parses the YAML and emits patches for live UI updates.

What is the YAML wire format used for in AI SDK interfaces?▼

The YAML wire format is used as an alternative to JSONL for building dynamic interfaces. It leverages fences like yaml-spec, yaml-edit, and yaml-patch to transform YAML input into live UI render instructions via the AI SDK.

How do I apply real-time edits to a YAML spec during UI streaming?▼

You can apply real-time edits to a YAML spec during UI streaming using patch, merge, and unified diff modes. These edit fences allow flexible spec modification while maintaining incremental UI updates.

Can I use unified diffs to patch a streaming YAML interface?▼

Yes, you can use unified diffs to patch a streaming YAML interface. The skill supports yaml-edit, yaml-patch, and diff fences to enable flexible spec modification and incremental UI updates.

How does the streaming parser handle YAML input for live UI updates?▼

The streaming parser incrementally parses YAML input and emits patches. This mechanism produces live UI renders by transforming YAML fences into UI render instructions through the AI gateway.