> For the complete documentation index, see [llms.txt](https://help.smartico.ai/welcome/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.smartico.ai/welcome/products/vibe-studio-beta/templates-and-the-gallery.md).

# Templates and the gallery

You never start from a blank page in Vibe Studio. Every project begins from a **starter template** you pick in the creation gallery, then customize.

<div data-with-frame="true"><figure><img src="/files/NSHbEM0JjfLwbJWSxTjN" alt=""><figcaption></figcaption></figure></div>

### Starting from a template

When you click **Create** on any of the four list screens, a gallery of starter templates opens. Each has a preview image and a short description - there's one for almost every mechanic (missions, levels, store, leaderboards, avatars, badges, and more). Pick the one closest to your goal, name your project, and click **Use this template**. From that moment, it's your own copy to edit; the original is untouched.

> **Tip:** Find the closest starter and tell the assistant how to change it. Cloning and tweaking is far faster than building from scratch - this is the single biggest time-saver in Vibe Studio.

### Template kinds

Under the hood, templates come in a few kinds - a static HTML one, a plain React one, and ones that include the **Smartico SDK** (used for anything data-driven: most widgets, promotions, landings, and custom games). You pick a template once; you don't manage these kinds directly. If you're unsure, the data-driven "with Smartico" starters are the usual choice.

### Reuse something you already built

In the chat, you can mention another of your projects (or a global template) with `#` command to copy a feature from it - "build a leaderboard like the one in `#WeekendTournament`".

<div data-with-frame="true"><figure><img src="/files/erwRLoZ8sHM1SJJldzx8" alt=""><figcaption></figcaption></figure></div>

The assistant reads that project's structure and re-creates the idea in your project, adapting it to fit. It re-implements rather than blindly copying.

### FAQ

**Can I edit a starter template for everyone?** No - starters are read-only globals. Cloning one gives you your own editable copy; changes stay in your copy.

**None of the starters fit what I need.** Pick the closest data-driven starter and describe your goal to the assistant - it will reshape it. You can also `#`-reference one of your own projects to borrow from.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://help.smartico.ai/welcome/products/vibe-studio-beta/templates-and-the-gallery.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.