brand-ui — Object Detail Hub

Make it yours

Prompt for your coding agent

Paste it into Claude Code, Cursor, Codex or any other coding agent. Text in [brackets] is yours to fill in.

Using brand-ui (MCP: https://elabs-ai.com/mcp), build a object-detail-hub screen.
Intent: Object Detail Hub — the master-detail screen the library was missing..
Use case: Object Detail Hub — the master-detail screen the library was missing.
Use only @elabs-ai/components-* components and semantic tokens; follow the brand-ui playbook for this archetype.

Examples

2 live examples

No Selection

The unselected state — the detail pane shows a real empty state.