Platform Examples

Step-by-step examples for using Vibe Kit with Cursor, VS Code, Claude CLI, Gemini CLI, Codex CLI, and other AI tools.

Cursor

Automatic context loading

✅ Zero Configuration Required

Cursor automatically loads all Vibe Kit context files via .cursor/rules/vibe-kit.mdc for every AI prompt.

Setup

If .vibe-kit exists, run vibe-kit cursor to add Cursor integration. Cursor automatically reads your context files via .cursor/rules/vibe-kit.mdc.

Basic Usage

In Cursor AI chat

Create a login button using btn pattern

Reference Commands

In Cursor AI chat

@.vibe-kit/commands/analyze.md

@.vibe-kit/commands/create-component.md
@.vibe-kit/commands/run-tests.md
@.vibe-kit/commands/quality-check.md

VS Code + GitHub Copilot

Use @ mentions in chat

Setup

If .vibe-kit exists, run vibe-kit vscode to add VS Code integration. Check .vscode/VSCODE_USAGE.md for details.

⭐⭐ Best: Mention Entire Folder

In Copilot Chat

@.vibe-kit Create a login button

✅ Includes ALL context files (standards, templates, commands) - No slash needed!

Alternative: Mention Subfolders

@.vibe-kit/standards Create a login button

Standards only (no templates)

@.vibe-kit/standards/glossary.md @.vibe-kit/standards/code-style.md Create a login button

Specific files

Claude CLI

Direct file references

Setup

Run vibe-kit claude to set up Claude integration. Claude CLI works by referencing .vibe-kit files in your prompts.

Usage

Terminal

claude "read .vibe-kit/context.md and create a button"

Using Vibe Kit Wrapper

Terminal

export AI_TOOL=claude_clivibe-kit ai "create a button component"

OpenAI Codex CLI

Direct file references

Setup

Run vibe-kit codex to set up Codex integration. Codex CLI works by referencing .vibe-kit files in your prompts.

Usage

Terminal

codex "read .vibe-kit/context.md and create a button"

Using Vibe Kit Wrapper

Terminal

export AI_TOOL=codexvibe-kit ai "create a button component"

Continue.dev

Automatic context loading

Setup

If .vibe-kit exists, run vibe-kit continue to add Continue integration. Continue.dev automatically loads context from .continue/config.json.

Usage

In Continue chat

Read .vibe-kit/commands/analyze.md and execute the analysis

Aider

Direct file references

Setup

If .vibe-kit exists, run vibe-kit aider to add Aider integration. The .aider/rules.md file will be configured.

Usage

Terminal

aider "Create a login button. Follow .vibe-kit/standards/code-style.md"

Using Vibe Kit Wrapper

Terminal

export AI_TOOL=aidervibe-kit ai "create a button component"

Google Gemini CLI

Direct file references

Setup

If .vibe-kit exists, use it directly. Gemini CLI works by referencing .vibe-kit files in your prompts.

Usage

Terminal

gemini "read .vibe-kit/context.md and create a button"

Using Vibe Kit Wrapper

Terminal

export AI_TOOL=geminivibe-kit ai "create a button component"

👥 Multi-Team Workflow

Perfect for teams where members use different AI tools. Share the .vibe-kit/ directory, and each team member adds their specific integration:

Person 1: vibe-kit install

Person 2 (Cursor): vibe-kit cursor

Person 3 (VS Code): vibe-kit vscode

Person 4 (Claude): vibe-kit claude

Person 5 (Gemini): vibe-kit gemini

Person 6 (Codex): vibe-kit codex

✨ Auto-Detection

Vibe Kit automatically detects which AI tools you have installed and configures integrations accordingly. Run vibe-kit status to see what's detected.

Was this helpful?

Help us improve the documentation by sharing your feedback.