YAML-стриминг для прогрессивного рендеринга UI
★ 8.1 · vibe-coding
Работа с YAML-конфигурациями (YAML Config Handling) is a Claude Code skill that wires YAML as the transport format for @json-render/yaml, providing a streaming parser, system prompt generation, and a TransformStream adapter for the AI SDK. Reach for it when you want to render UI components progressively as an LLM streams its response, when you'd rather instruct the model through yaml-spec or yaml-edit fences instead of JSONL, or when incremental spec edits — merge, patch, unified diff — matter more than full regeneration on every turn. Under the hood there are four fence types: yaml-spec (full spec, parsed line-by-line), yaml-edit (partial deep-merge per RFC 7396), yaml-patch (JSON Patch per RFC 6902), and diff (unified diff); a low-level createYamlStreamCompiler with push/flush/reset; a yamlPrompt helper that builds system prompts in standalone or inline mode; and pipeYamlRender as a drop-in replacement for pipeJsonRender in AI SDK pipelines. The stack is TypeScript, distributed as the npm package @json-render/yaml, with @json-render/core as a peer dependency. The direction is converting LLM YAML output into JSON Patch operations for live rendering — not parsing static YAML config files, for which any standard yaml library is sufficient.
- #yaml
- #streaming
- #json-render
- #ai-sdk
- #llm-output