yaml

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

Updated Jun 24, 2026
One-click install
npx skills add https://github.com/hasnaxyz/open-render --skill yaml-hasnaxyz
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: yaml
Source: https://github.com/hasnaxyz/open-render/tree/main/skills/yaml
Command: npx skills add https://github.com/hasnaxyz/open-render --skill yaml-hasnaxyz

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill turns json-render specs into YAML-based prompts and streaming edits so AI can generate or revise interfaces without losing structure.

Core Features & Use Cases

  • YAML wire format: Use structured YAML fences to keep model output machine-readable and compatible with json-render workflows.
  • Progressive parsing: Incrementally compile incoming YAML chunks into patch updates for live rendering and partial completion handling.
  • Edit workflows: Support merge, patch, and diff-based revisions for multi-turn spec updates and surgical changes.
  • Use case: Ideal for updating dashboards, regenerating app specs, and streaming UI changes through an AI SDK pipeline.

Quick Start

Use the yaml skill to generate a YAML prompt for your catalog and stream the response into your renderer for progressive updates.

Frequently Asked Questions about yaml

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

FAQPage Schema
How do I stream YAML edits for AI-generated UI specs?

This Skill generates YAML prompts and streaming patch instructions for json-render specifications. It progressively parses incoming YAML chunks into patch updates, enabling live incremental rendering and partial completion handling for AI-generated UI specs.

What is the best way to update dashboard specs through an AI SDK pipeline?

Updating dashboard specs through an AI SDK pipeline is best handled using YAML wire formats with merge, patch, and unified-diff update modes. This Skill supports multi-turn spec edits and surgical changes for catalog-driven UI generation.

Does incremental YAML parsing support partial completion handling for live rendering?

Yes, incremental YAML parsing supports partial completion handling for live rendering. The Skill progressively compiles incoming YAML chunks into patch updates, allowing you to stream UI changes through an AI SDK pipeline without losing structure.

How do I apply multi-turn spec edits to json-render workflows?

You apply multi-turn spec edits to json-render workflows using yaml-edit and yaml-patch fences with merge, patch, and diff-based revisions. This allows AI to revise interfaces structurally without breaking the existing catalog-driven UI generation.

When should I use YAML prompts instead of JSON for AI UI generation?

You should use YAML prompts instead of JSON for AI UI generation when you need machine-readable output compatible with json-render workflows. YAML wire formats keep model output structured and support streaming patch instructions for live rendering.

What are the limitations of using unified-diff update modes for streaming patch instructions?

Unified-diff update modes for streaming patch instructions require incremental parsing to function correctly. While they support surgical changes and multi-turn spec updates, incorrect diff formatting can disrupt progressive parsing and live incremental rendering.