# April 2026 - Component Composition · JGuang UI

> Composition sections across component pages—structured trees that help you and your agents build correct UI.

- Page: https://jiguang132.com/systems/jguang-ui/docs/changelog/2026-04-component-composition
- Based on: shadcn/ui documentation (MIT) @ bc0705384b51252af26dcc65425b216bf5eb063c

We've added **Composition** sections across the component docs so you can see the correct structure at a glance: what wraps what, which subcomponents belong together, and how to avoid invalid nesting.

```text
Card
├── CardHeader
│   ├── CardTitle
│   ├── CardDescription
│   └── CardAction
├── CardContent
└── CardFooter
```

## Why we added this

We've found that **LLMs and coding agents compose elements more reliably** when they can see the full structure: fewer missing wrappers, fewer wrong hierarchies, better matches to the examples.

### Bring docs into your agent

You or your LLM can pull the same component documentation, including composition, usage, and examples, into context from the CLI:

```text
Use the JGuang UI Registry URL provided on /systems/jguang-ui#install.
```

If you're using the [JGuang UI/skills](/systems/jguang-ui/docs/skills), this is done automatically for you.

---

Index of all JGuang resources: https://jiguang132.com/llms.txt