📖 Documentation

Vymerce Build User Manual

Everything you need to know to build websites with AI — from your first prompt to your first deploy.

⏱ ~10 min read📚 11 sections🆕 Always up to date
🚀

Getting Started

Welcome to Vymerce Build! This guide will walk you through everything you need to know to generate, edit, and publish professional websites using AI — no coding experience required.

Quick Start in 3 Steps

1️⃣
Create an account

Sign up for free at the homepage. No credit card required to get started.

2️⃣
Describe your website

Type a plain-English prompt in the generator — be as simple or detailed as you like.

3️⃣
Edit & export

Tweak the generated code in the editor, preview live, then download or push to GitHub.

💡 Tip: The more detail you include in your prompt, the closer the result will be to your vision. Mention colors, layout style, and specific sections.
🤖

AI Website Generation

The AI generator is the core of the platform. Powered by GPT-4, it turns a plain-language description into complete, production-ready HTML, CSS, and JavaScript in under 10 seconds.

Writing a Great Prompt

  • ✅Specify the purpose: "a SaaS landing page", "a restaurant menu site", "a personal portfolio"
  • ✅Mention sections: hero, pricing table, features grid, contact form, testimonials
  • ✅Describe the visual style: "dark theme with purple accents", "minimal white design", "bold and colorful"
  • ✅Include specific content: "3 pricing tiers", "5 team members", "a gallery of 6 photos"
  • ❌Too vague: "make a website" — add more detail for better results
💡 Tip: Use the example prompt chips on the homepage as a starting point. Click one to load it into the generator, then customize it.

Using the Improve Feature

  • 🔄After generating a site, click "Improve" in the editor toolbar
  • 📝Describe what you want to change: "make the hero larger", "add a dark mode toggle", "change colors to blue"
  • ⚡The AI will rewrite only the relevant parts of your code
💻

Code Editor

The built-in editor is powered by Monaco — the same engine behind Visual Studio Code. It gives you full control over your generated site with syntax highlighting, autocomplete, and multi-tab editing.

Editor Features

  • 📑Three tabs: HTML, CSS, and JavaScript — click to switch between them
  • 🎨Syntax highlighting for all three languages with error detection
  • ⌨️Keyboard shortcuts: Ctrl+Z (undo), Ctrl+/ (comment), Ctrl+F (find), Ctrl+S (auto-saves)
  • 📐Format code: right-click inside the editor → Format Document
💡 Tip: You can edit the code and the live preview updates in real time. There's no need to refresh — just type and watch your changes appear immediately.

Saving Your Work

  • ☁️Projects save automatically to the cloud when you're signed in
  • 📥Click Download to export a standalone HTML file anytime
  • 🗂Access all your saved projects from "My Sites" in the top menu
👁️

Live Preview

The live preview panel shows an exact rendering of your website as you edit. It updates in real time — every keystroke in the editor reflects instantly in the preview.

Preview Controls

  • 🔄Refresh button — force a full reload of the preview if needed
  • 📱The preview renders at full width — resize your browser to test responsiveness
  • 🔗Links inside the preview are clickable — you can navigate multi-page sites
  • 🖱️Interactive elements work: forms, buttons, JavaScript animations, and hover effects
💡 Tip: Open the preview in a new tab (via the external link icon) to see your site at full screen size and test it exactly as visitors will.
🖥️

AI Workspace

The Workspace is a full browser-based IDE for more advanced projects. It includes a file explorer, multi-tab editor, AI coding assistant, terminal, Git panel, and live preview — all in one place.

Workspace Panels

  • 📁File Explorer (left sidebar) — create, rename, and delete files in your project
  • 📝Editor area — open multiple files in tabs, each with full Monaco support
  • 🤖AI Chat — ask the AI to edit your code, explain errors, or add features. It sees your full project context.
  • 🖥Terminal — run npm commands, git operations, and shell scripts safely
  • 🔀Git panel — commit changes, view history, push to GitHub
  • 👁️Live Preview — see your full project rendered in real time
💡 Tip: Use the AI Chat in the Workspace to describe bugs or features in plain English. The AI reads all your project files and writes changes for you.
🖥

Built-in Terminal

The built-in terminal lets you run shell commands directly in your browser — no local setup required. It's sandboxed for safety, so only approved commands are allowed.

Allowed Commands

  • 📦npm, npx — install packages and run Node.js scripts
  • 🔀git — commit, push, pull, status, log
  • 📂ls, pwd, mkdir, touch, cat — file and directory operations
  • 🖥node, echo, date, whoami, which — standard utilities
⚠️ For security, destructive commands like rm -rf, sudo, and system-level operations are blocked. The terminal is sandboxed and cannot affect other users or the host system.
🔗

GitHub Integration

Connect your GitHub account to push your generated websites directly to GitHub repositories — creating, committing, and versioning your work without leaving the app.

Connecting GitHub

1️⃣
Open the Editor

Navigate to the editor page with any project open.

2️⃣
Click "Connect GitHub"

Find the GitHub button in the editor toolbar and click it.

3️⃣
Authorize the app

You'll be redirected to GitHub to grant permission. Click "Authorize" and you'll return automatically.

4️⃣
Push your site

Click "Push to GitHub", enter a repo name, and your site is live on GitHub.

What Gets Pushed

  • 🌐index.html — your full generated website
  • 📋The commit message is auto-generated with a timestamp
  • 🔄Subsequent pushes to the same repo update the existing files (no duplicate repos)
💡 Tip: Enable GitHub Pages on your repository (Settings → Pages → Deploy from main branch) to get a free public URL for your generated site in minutes.
☁️

Cloud Storage & Projects

Every project you create is automatically saved to the cloud. You can access your work from any device, at any time, and pick up exactly where you left off.

Managing Your Projects

  • 🗂My Sites — click your avatar → "My Sites" to see all your saved projects
  • ✏️Rename — click the project name in the editor to rename it
  • 🗑Delete — open a project and use the settings menu to delete it permanently
  • 📋Duplicate — create a copy of any project to use as a starting point
💡 Tip: Projects are private by default. Only you can see and edit them. Team collaboration requires an invite (see the Team section).
💳

Credits & Payments

The platform uses a credit system. Credits are consumed when you generate websites with AI. You start with a free credit balance, and can top up anytime.

Credit Usage

  • ⚡Each AI generation (generate or improve) costs 1 credit
  • 💡Editing, previewing, and downloading are always free — credits are only for AI calls
  • 💳View your balance and transaction history at Credits (avatar menu → Credits)

Buying Credits

  • 🪙Go to the Deposit page to purchase credits with cryptocurrency
  • 📸Send the crypto amount to the displayed wallet address, then upload a screenshot of the transaction
  • ✅An admin reviews your deposit and credits your account — typically within a few hours
💡 Tip: Check the Credits page for available credit packages. Larger packages offer better value per credit.
👥

Team Collaboration

Invite team members to collaborate on your workspace. Each member gets a role that controls what they can see and do.

Roles & Permissions

  • 👑Owner — full access; can invite/remove members, change settings, and delete the workspace
  • 🛡Admin — can manage projects and members, but cannot delete the workspace
  • 💻Developer — can create and edit projects, push to GitHub, use terminal
  • 🤝Collaborator — can edit projects but cannot manage members or settings
  • 👁️Viewer — read-only access; can preview projects but not make changes

Inviting a Member

1️⃣
Open Settings

Go to avatar menu → Settings → Team tab.

2️⃣
Enter their email

Type the email address of the person you want to invite.

3️⃣
Choose their role

Select the appropriate role from the dropdown.

4️⃣
Send invite

Click Invite. They'll receive an email to join.

⚙️

Account & Settings

Manage your account, preferences, and security from the Settings page. Access it via your avatar menu in the top navigation.

Profile Settings

  • 👤Display name — update the name shown in the app and on project credits
  • 📧Email — the email used for sign-in and notifications (contact support to change)
  • 🖼Avatar — your initials are displayed by default; no photo upload required

Security

  • 🔑Change password — update your password from the Security tab in Settings
  • ↪Sign out — click your avatar → Sign out. You'll be redirected to the homepage.
  • 🗑Delete account — this is permanent and removes all your projects. Use with caution.

Appearance

  • ☀️Light / Dark mode — use the toggle in the top navigation bar (persists across sessions)
💡 Tip: Dark mode preference is saved locally in your browser. Clearing site data will reset it to the platform default.

Ready to build?

You know everything — now go make something great.

⚡ Open Editor← Back to Home