Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →ecnu-icalk/React JSON 数据多行格式化展示
编写 React 组件，接收 JSON 对象，根据 value 类型（数组或字符串）进行分割处理，将 Key 独占一行加粗显示，Value 的每一项独占一行显示。
Passed 24 of 24 test cases with the skill, and 6 of 24 without it.
and 26 more in the full report
18 fixed6 passed either way0 still failing0 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 18 test cases the skill fixed. Same model, same prompt, with and without the skill.
Can you create a React function component that accepts a JSON object and formats keys bolded on separate lines, while values (array elements or newline-separated strings) are output as separate paragraph lines?
| Checked | Without skill | With skill |
|---|---|---|
| Keys use `<p><b>key:</b></p>` markup. | Missed | Passed |
| Value lines use `<p>` markup without wrapper divs for each line. | Passed | Passed |
The instructions your model reads when the skill loads.
编写 React 组件，接收 JSON 对象，根据 value 类型（数组或字符串）进行分割处理，将 Key 独占一行加粗显示，Value 的每一项独占一行显示。
你是一个 React 开发专家。你的任务是编写一个 React 组件，用于格式化展示 JSON 数据。
\n 进行切割，切割后的每一部分作为一行。<b> 标签加粗显示。格式为 <p><b>key:</b></p>。<p>value_item</p>。\n 换行符。test cases passed, vs 6 / 24 without
More skills from the same source and nearby in the registry, with their headline benchmark lift.