> This page is for Inicio.

> For clean Markdown of any page, append .md to the page URL.
> For a complete documentation index, see https://signalcore.ai/docs/llms.txt.
> For AI client integration (Claude Code, Cursor, etc.), connect to the MCP server at https://signalcore.ai/docs/_mcp/server.

# Componentes

`@signalcore/ui` es lo que ven las personas a las que atiende tu agente: el chat, la llamada, las
pantallas que el agente les enseña y el widget para cualquier web. Son los mismos componentes que
usa la app de SignalCore, y hablan solo con la API pública.

> **Note**
>
> Todos los componentes, en vivo y con sus props, están en
> [signalcore.ai/ui](https://signalcore.ai/ui). Cada uno habla con una API de demostración: puedes
> escribir en el chat y el agente de ejemplo contesta.

## Qué hay

| Componente          | Para qué sirve                                                                                                                                    |
| ------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------- |
| `AgentSpace`        | El agente entero: el chat y, si tiene voz, la llamada en el mismo panel. Lo normal en tu producto.                                                |
| `AgentChat`         | Solo el chat de una conversación que tu página ya tiene.                                                                                          |
| `<signalcore-chat>` | El widget: el mismo espacio en cualquier web, sin React. Una etiqueta o una línea.                                                                |
| `Surface`           | Las pantallas que compone el agente: tarjetas, cifras, gráficos, tablas, avisos, listas, archivos, botones y formularios.                         |
| `Orb`               | La forma de la voz en una llamada: en reposo, escuchando, pensando, hablando.                                                                     |
| `AudioPlayer`       | Notas de voz y grabaciones de llamadas, con su forma de onda.                                                                                     |
| `AgentCard`         | La ficha de un agente: nombre, rol y lo que hace.                                                                                                 |
| El kit              | Los controles con los que se dibujan los formularios: texto, números, fechas, horas, listas, estrellas, botones. Úsalos también en tus pantallas. |

## Que parezca tuyo

Todos se visten con las mismas variables CSS `--sc-*` (color de acento, letra, esquinas,
espacios, sombras), siguen el tema claro u oscuro de tu página y hablan español o inglés. En
[signalcore.ai/ui](https://signalcore.ai/ui) la barra de arriba cambia el idioma, el tema, el
acento y las esquinas como lo haría tu web, y la página **Theming** lista cada variable con su
valor por defecto.

Para ponerlos en tu web o en tu producto, sigue la guía de [chat web](/guias/chat-web).