VibeOps Quickstart
Get started with VibeOps - quickly create end-to-end web apps
VibeOps is a platform that abstracts away the complexity of DevOps, letting you build and deploy full-stack web applications through natural language conversations with AI, right from your IDE.
Getting Started with VibeOps
Visit VibeOps Platform
Navigate to VibeOps and sign in with your Google account.
Create Your First Project
On the main dashboard, you’ll see “No projects yet” if this is your first time. Click the Create Project button to get started.
In the project creation dialog:
- Enter a Project Name (e.g., “Todo App”)
- Optionally add a Description for your project
- Click Create Project to continue
Configure MCP (Model Context Protocol)
After creating your project, you’ll see the MCP configuration screen with everything you need to connect your project to Cursor.
1. Install UV Package Manager
First, you need to install UV since the MCP server uses uvx
to execute. Run this command in your terminal:
After installation, restart your terminal or run source ~/.bashrc
(or source ~/.zshrc
for zsh) to ensure uvx
is available in your PATH.
2. Copy Configuration for Your IDE
Copy the complete JSON configuration shown on the VibeOps screen and save it. You’ll use this configuration in the next step to connect Cursor to your VibeOps project.
Don’t worry if you lose the configuration - you can always retrieve it later from inside your project settings.
Install Cursor
If you don’t have Cursor installed yet, download and install it from cursor.com.
Cursor is an AI-powered code editor that will connect to your VibeOps project through the MCP configuration.
Configure Cursor MCP Integration
Now you need to add this configuration to Cursor:
- Open Cursor Settings with Cmd/Ctrl + Shift + J
- Select the MCP tab
- Click on + Add new global MCP server
- Paste the JSON configuration from before and it should look like the following but with your api key
Verify the Connection
Navigating back to your MCP settings you should see your new connection it should look something like this
You may need to click the refresh button (outlined in red) for the MCP server to work
Enable Seamless Development
Through Cmd/Ctrl + Shift + J and then navigating to Features, you can enable the following option:
We recommend enabling this feature for seamless development. This will allow VibeOps to work more efficiently with your development workflow and provide a smoother experience when building applications.
Create a Todo App
Now let’s test your VibeOps + Cursor integration by creating a simple Todo App:
- Open Cursor Chat - Press Cmd/Ctrl L to focus on your chat session
- Try this simple prompt:
Reset Your Project
If you need to start fresh with your project, you can reset it from the VibeOps platform:
Click the Reset button on your project page to reinitialize your project.
Important: Resetting will wipe all project data and initialize it again. This action cannot be undone, so make sure you want to start completely fresh before proceeding.
What’s Next?
Congratulations! You now have VibeOps integrated with Cursor and can start building end-to-end web applications with AI assistance.
Ready to Build Something Amazing?
Check out our Examples section to see what’s possible with VibeOps! Try building:
- 🎮 Labyrinth Puzzle Game - Interactive grid-based game with card mechanics
- 🏎️ Luxury Car Gallery & Racing - Cyberpunk-styled gallery with racing competitions
- 🎨 Digital Art Canvas & Gallery - Painting app with public sharing features
- 📚 Interactive Coloring Book - Nature scenes users can color and save
- 👾 Monster Pokedex - Custom creature database with stats and images
- 🍷 Wine Producer Ranking - Voting platform with real-time rankings
- 💻 Neobrutalism Landing Page - Bold, developer-focused design showcase
Start experimenting with different project ideas and see how VibeOps can accelerate your development workflow!
Need more help? Join our Discord community or reach out to support@aipolabs.xyz.