Welcome to vibecode.sh
Build better prompts with a visual block-based editor
Welcome to vibecode.sh
vibecode.sh is a visual prompt engineering tool that helps you build, organize, and refine AI prompts using a block-based approach.
Why vibecode.sh?
Writing effective AI prompts is hard. Long, unstructured prompts are difficult to maintain, debug, and improve. vibecode.sh solves this by breaking prompts into semantic blocks that each serve a specific purpose.
Instead of this:
You are a helpful coding assistant. You should always follow best practices.
When the user asks for help, first understand the problem, then provide a solution.
Make sure to explain your reasoning. Use TypeScript when possible...You build prompts like this:
| Block | Purpose |
|---|---|
| Role | Define who the AI should be |
| Goal | State the primary objective |
| Instructions | Step-by-step process to follow |
| Constraints | Rules and limitations |
| Examples | Input/output demonstrations |
Core Concepts
Blocks
Blocks are the building units of a prompt. Each block type has a specific purpose:
- Role - Defines the AI's persona and expertise
- Context - Provides background information
- Instructions - Lists steps to follow
- Goal - States the desired outcome
- Constraints - Sets boundaries and rules
- Variables - Dynamic placeholders for reuse
- Examples - Shows input/output patterns
Visual Editing
Drag and drop blocks to reorder them. Each block can be expanded, collapsed, or edited inline. See your full prompt structure at a glance.
Export & Use
Export your prompt as plain text or XML-structured format. Copy and paste into any AI tool or integrate programmatically.
Quick Start
- Open the Editor - Press
Eto open the editor - Add a Block - Click "Add Block" or type
/for slash commands - Configure - Fill in the block content
- Preview - See the generated prompt in real-time
- Export - Copy the final prompt
Ready to get started? Check out the Getting Started guide.