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

# Artifacts

> Browse, edit, and publish blog posts, websites, and slides generated by Runchat workflows

The Artifacts page in the [Runchat Dashboard](https://runchat.com/dashboard/artifacts) lets you browse, search and manage all published content generated with Runchat. This includes blog posts, websites, and slide presentations. Artifacts are typically produced by an [Artifact node](/node-reference/nodes/artifact) inside a workflow, then refined and published from the dashboard.

<iframe width="100%" height="400" src="https://www.youtube.com/embed/3ci_7BQrsBs" title="Artifacts end-to-end walkthrough" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen />

<Frame>
  <img src="https://mintcdn.com/runchat/J8Y8DQ43swL1M50L/images/dashboard/artifacts-menu.webp?fit=max&auto=format&n=J8Y8DQ43swL1M50L&q=85&s=524a033568ea8d8deca00c8a9b7fd613" alt="The Artifacts page showing published content" width="1510" height="1026" data-path="images/dashboard/artifacts-menu.webp" />
</Frame>

## A live example

Here's a working artifact published from a workflow. Click into it to see how it renders to a public visitor:

<iframe src="https://runchat.com/p/james-runchat/outback-haven-64" width="100%" height="500" style={{ border: "1px solid #e5e7eb", borderRadius: "0.5rem" }} title="Outback Haven, an example Runchat artifact" />

## Choosing a handle

The first time you open the Artifacts dashboard you'll be prompted to choose a handle. Your handle determines the URL where your artifacts are visible. All published artifacts live on the public web at `https://runchat.com/p/<handle>/<artifact-slug>`.

## Editing an artifact

Click the **Edit** button next to an artifact to open the markdown or code editor. From here you can refine the text, layout, or styling. Useful when the artifact was produced by a workflow as a draft and needs human polish.

If the artifact has multiple files (e.g. a website with HTML, CSS, and JS), select files from the files menu in the editor toolbar.

### Metadata

Open the **Metadata** panel from the editor menu to set:

* Page name
* Thumbnail
* Description
* Author

These fields are used by search engines and link unfurlers when your artifact is shared.

## Previews

For websites, click the preview button to toggle between the code editor and the rendered HTML. Useful for quickly reviewing code changes before publishing.

## Publishing

Click the **Publish** button in the editor toolbar to save your changes and push them to the public web. The artifact URL is `https://runchat.com/p/<handle>/<slug>`.

## Next steps

* [Artifact node](/node-reference/nodes/artifact): generate artifacts automatically from a workflow
* [Build and publish an artifact](/examples/build-and-publish-an-app): worked example of building an artifact end-to-end
* [App view](/concepts/publishing/app-view): the alternative when you want a workflow-backed UI rather than static published content