▪️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.

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".

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.