> ## Documentation Index
> Fetch the complete documentation index at: https://hyperframes-codex-docs-human-first-refactor.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Use Assets and Catalog

> Import project media, reuse existing files, and add ready-made visuals.

Use **Assets** for media files. Use **Catalog** for reusable visual scenes and components.

## Import an asset

1. Open **Assets**.
2. Choose **Import media**, or drop files into the panel.
3. Preview it before adding it to the project.
4. Drag it to the timeline or use it from the relevant inspector control.

Keep clear filenames. `product-dashboard-dark.png` is easier to reuse than `Screenshot 42.png`.

## Reuse project assets

Switch between **This project** and **All projects** to find media already available. Check which project owns a file before deleting or replacing it.

If a large video is still preparing a preview or proxy, wait for that process before judging playback performance.

## Add a Catalog item

1. Open **Catalog**.
2. Browse or search for the visual you need.
3. Preview the result.
4. If the item supports direct insertion, choose **Add** to place it at the current time.
5. Otherwise, copy the generated prompt into your agent chat.
6. Replace sample content and match the project’s timing and design.

Not every Catalog item can be inserted directly. Some are patterns that an agent adapts to the current composition.

Browse the full [Catalog](/catalog) when you want to compare categories and individual examples.

<Tip>
  Reusable does not mean finished. Remove sample content and decorative motion that does not support your story.
</Tip>