> ## Documentation Index
> Fetch the complete documentation index at: https://docs.thesys.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# Artifacts

> Generate, render, and edit rich, document-style content like reports and presentations

Artifacts are structured, document-style content that C1 can generate, such as reports and presentations.
They can be created as standalone documents or generated dynamically within a conversational application.

Artifacts feature can be used to build applications that can generate:

* Business reports from a conversation.
* Presentations created dynamically from data.

To see Artifacts in action, try our MCP in tools like ChatGPT or Claude at [render.thesys.dev](https://render.thesys.dev).

### Working with Artifacts

The workflow has three main steps:

**1. Generate:**
You start by sending a prompt to the dedicated Artifacts API endpoint. This initial call creates the content based on your prompt, data and/or system instructions you provide.

**2. Rendering and streaming:**
The generated artifact is then rendered on your frontend using the [C1Component](/guides/rendering-ui) `<C1Component>`. The content can be streamed in real-time, allowing users to see the report or presentation appear as it's being created.

**3. Edit:**
To modify an existing artifact, you send its current content back to the same API endpoint along with a new prompt describing the changes. This enables an iterative editing workflow.

### Guides in This Section

* **[Generating Artifacts](/guides/artifacts/generating):**
  Learn how to call the Artifact API, structure your metadata, and write effective prompts to create new reports and presentations.

* **[Rendering & Streaming Artifacts](/guides/artifacts/rendering):**
  A guide on fetching and displaying artifacts on your frontend with `<C1Component>`, including how to handle the live stream.

* **[Editing Artifacts](/guides/artifacts/editing):**
  Learn about the two ways to edit artifacts: prompt-based editing via the API and manual editing on the frontend.

* **[Artifacts in Chat](/guides/artifacts/artifacts-in-chat):**
  Learn how to integrate artifacts into your conversational application using tool calls. You can find the complete example code in our [GitHub repository](https://github.com/thesysdev/examples/tree/main/c1-chat-artifact).