skills.rest
pch007
pch007COMMUNITY
Explore all skills by this author →
GitHub

yaml

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
One-click install
npx skills add https://github.com/pch007/json-render --skill yaml-pch007
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
agentuityagentuity
1

agentuity-cli-cloud-stream-get

Retrieve stream details including metadata and public URL as JSON.

Official
Intermediate
hasnaxyzhasnaxyz

yaml

Generate YAML prompts and streaming patch instructions for json-render specifications.

Official
Advanced
inpinitiinpiniti

yaml

Convert YAML fences into json-render patches for streaming transforms.

Community
Advanced
stratagastrataga

tauri-file-watching-events

Stream JSONL events from a CLI process into a Tauri GUI.

Community
Advanced