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.
Decision snapshot
Is this a fit?
Data analysis, Includes SKILL.md, Reusable instructions
Compatibility not yet detected.
Permission behavior not yet detected.
Copy skill directory
19 days ago
No specific cautions were detected. Review the source and requested permissions before installing.
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. See how SkillIndex evaluates profiles.
Key capabilities
- Includes SKILL.md support
- Reusable instructions support
- Data analysis
- Data analysis use cases
Declared skill metadata
- Source file: plugins/vercel/skills/json-render/SKILL.md
These fields retain source and confidence evidence from the indexed SKILL.md.
Compatibility and setup
- 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
Verified compatibility and discovery
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.
Project health auto-fetched from the source repository.
Maintain this resource?
Review this source-backed profile, send a correction with evidence, or link to it from your documentation. Claims verify your relationship to the project; profile facts still require source evidence and editorial review.
