Build a JSON tree viewer with Tailwind CSS: a collapsible tree where objects and arrays show a chevron, a type-colored key and a child-count badge ({5} or [12]), leaves show a type-colored value (string, number, boolean, null) with quotes on strings, and long values truncate with an expand affordance. Include a search box that filters to matching keys and paths, a collapse-all/expand-all control, a path breadcrumb for the selected node with a copy action, and graceful rendering of deeply nested structures without runaway indentation.
提示词保持英文原文——直接粘贴进 Claude、Cursor、v0 或任何 AI 编程工具即可使用。