json-render Skill
AI chat response rendering guidance — handling UIMessage parts, tool call displays, streaming states, and structured data presentation. Use when building custom chat UIs, rendering tool results, or troubleshooting AI response display issues. Published by openai in plugins.
What is json-render Skill?
AI chat response rendering guidance — handling UIMessage parts, tool call displays, streaming states, and structured data presentation. Use when building custom chat UIs, rendering tool results, or troubleshooting AI response display issues. Published by openai in plugins. This profile combines repository metadata with install, compatibility, and usage signals so developers can quickly decide whether it fits their agent workflow before opening the source repository.
Automated repository signals based on public metadata such as recency, license, installation evidence, and adoption. These are not a security audit or endorsement.
Key capabilities
- Includes SKILL.md support
- Reusable instructions support
- Data analysis
- Data analysis use cases
Technical details
- Install or run with Copy skill directory
When to use json-render Skill
- Use it for data analysis.
Built with
Editorial notes
Source
- Creator: openai
- Repository: openai/plugins
- Skill file: plugins/vercel/skills/json-render/SKILL.md
What it does
AI chat response rendering guidance — handling UIMessage parts, tool call displays, streaming states, and structured data presentation. Use when building custom chat UIs, rendering tool results, or troubleshooting AI response display issues.
Skill instructions
AI Chat Response Rendering You are an expert in rendering AI SDK v6 chat responses — UIMessage parts, tool call results, streaming states, and structured data display in React applications. The Problem When building chat interfaces with AI SDK v6, the raw message format includes multiple part types (text, tool calls, reasoning, images). Without proper rendering, responses appear as raw JSON or malformed output. AI SDK v6 Message Format In v6, messages use the UIMessage type with a parts array: ts interface UIMessage { id: string role: 'user' | 'assistant' parts: UIMessagePart[] } // Part types: // - { type: 'text', text: string } // - { type: 'tool-<toolName', toolCallId: string, state: string, input?: unknown, output?: unknown } // state values: 'partial-call' | 'call' | 'output-available' | 'approval-requested' | 'approval-responded' | 'output-denied' // - { type: 'reasoning', text: string } // - { type: 'step-start' } // internal, skip in rendering Recommended: Use AI Elements The s
Explore related resources
Frequently asked questions
What is json-render?
json-render is a open-source AI agent skill with Copy skill directory. AI chat response rendering guidance — handling UIMessage parts, tool call displays, streaming states, and structured data presentation.
Who is json-render best for?
json-render is best for reusing agent instructions, scripts, and references, data analysis workflows.
How do I install json-render?
Install or run json-render using Copy skill directory. Check json-render for the latest setup command.
Is json-render actively maintained?
json-render may need a closer maintenance check before production use.
Auto-fetched from GitHub.
