---
title: "Design references for coding agents: screenshots, components and icons – superbot.gg"
canonical_url: "https://superbot.gg/use-cases/design-references-for-coding-agents"
summary: "Give a coding agent real UI references to start from: design rules, reference screenshots, shadcn and Magic UI components with install commands, and open-source icons as SVG."
---

> Markdown of https://superbot.gg/use-cases/design-references-for-coding-agents. Site index: /llms.txt.

# Design references for coding agents

An agent that starts from nothing builds the generic version.
Hand it real references first.

[Get the app](https://superbot.gg/download?cta%5Fid=page%5Finstall) [see a real call](https://superbot.gg/use-cases/design-references-for-coding-agents#call)

## What the agent gets

- UI design rules for a web, mobile or desktop surface.
- Reference screenshots of real apps and sites.
- shadcn and Magic UI components, with the install command.
- Open-source icons as SVG, each with its set license.

## One real call

The component search below ran against the live shadcn registry. The reply is trimmed to the first three of five matches and the fields a coding agent reads first.

ask

Find a login page block I can drop into a Next.js app.

call

```json
{
  "op": "search",
  "registry": "shadcn",
  "query": "login page",
  "limit": 3
}
```

reply

```json
{
  "results": [
    { "name": "login-01", "title": "Login 01", "description": "A simple login form.", "type": "registry:block" },
    { "name": "login-02", "title": "Login 02", "description": "A two column login page with a cover image.", "type": "registry:block" },
    { "name": "login-03", "title": "Login 03", "description": "A login page with a muted background color.", "type": "registry:block" }
  ],
  "total": 5
}
```

The component-registry adapter, run live on 2026-10-17. Reply fields not shown here: the registry totals and the retrieval time.

## What it needs

Account

A superbot account. It needs no key and no connection.

Install

The MCP link for your client is on [the install page](https://superbot.gg/add).

## Related

- [All use cases](https://superbot.gg/use-cases)
- [Add superbot to your AI client](https://superbot.gg/add)
- [Fix an error your coding agent printed](https://superbot.gg/fix)

The registries are shadcn and Magic UI. Icons come from Iconify's open-source sets. Read on 2026-10-17.