ns-ui

Skeleton Schema

Schema-driven skeleton for streaming structured LLM output — every field, key, and array slot renders as a dashed empty mold the instant the shape is known, then sets solid field-by-field as values pour in.

Use when a structured LLM response whose shape is known before its values are (a tool call's arguments, a JSON-mode answer), so every field and array slot renders as a dashed mold the instant the schema resolves and sets solid as values pour in; pick skeleton-develop instead when the incoming content is prose or layout with no schema to project, or streaming-markdown-caret when the output is free text arriving character by character.

Install

npx shadcn add https://design.helpmarq.com/r/skeleton-schema.json
  • skeleton
  • streaming
  • json
  • schema
  • llm
  • tool-calls
  • structured-output
  • definition-list
  • developer-tools
search_flights arguments
origin
destination
travelers
flags
nonstopOnly
cabin
loyaltyProgram
legs
[0]
carrier
price
durationMin
[1]
carrier
price
durationMin

Props

PropTypeDefaultDescription
schemaSlotSchema[]the known shape of the answer, available before any value has arrived
valueJsonRecord | undefinedthe accumulated value so far — a deep-partial object; absent keys read as pending
streaming?booleantrue while more values are still expected; drives aria-busy and the milestone copy
label?stringaccessible name for the region, and the noun the copy button acts on
className?string