Built with VibeRune.

VibeRune Blog

Getting Started with VibeRune: Your First AI-Powered Project

Cover Image for Getting Started with VibeRune: Your First AI-Powered Project
VibeRune Team
VibeRune Team

This tutorial walks you through setting up VibeRune and experiencing your first AI-powered development workflow. By the end, you'll understand how to leverage specialized agents and skills to accelerate your development.

Prerequisites

Before starting, ensure you have:

  • Claude Code installed and authenticated
  • Node.js 18+ (for npx commands)
  • A terminal with shell access

If you haven't installed Claude Code yet, visit claude.ai/code to get started.

Step 1: Initialize VibeRune

Open your terminal in your project directory and run:

npx @viberune/cli init

This command sets up VibeRune with sensible defaults. You'll see output like:

✓ Created .claude/skills/ directory
✓ Added claude-code.md skill
✓ Added development-rules.md
✓ Created CLAUDE.md configuration
✓ VibeRune initialized successfully!

Step 2: Explore Your Setup

After initialization, your project includes:

your-project/
├── .claude/
│   └── skills/
│       ├── claude-code.md
│       └── development-rules.md
├── CLAUDE.md
└── ... your existing files

CLAUDE.md

This is your project's AI configuration file. It tells Claude Code:

  • Project context and conventions
  • Available workflows and skills
  • Custom rules and preferences

Skills Directory

Skills are reusable knowledge packs. The default setup includes:

  • claude-code.md: Core VibeRune capabilities
  • development-rules.md: Best practices and guidelines

Step 3: Run Your First Command

Let's try a simple command. In Claude Code, type:

/plan implement a user authentication system

VibeRune's planner agent will:

  1. Analyze your codebase structure
  2. Research best practices for your stack
  3. Create a detailed implementation plan
  4. Ask clarifying questions if needed

Step 4: Use Specialized Agents

VibeRune shines when you use its specialized agents. Here's a typical workflow:

Planning Phase

/plan:hard add OAuth2 login with Google and GitHub

The planner creates a comprehensive plan with phases, tasks, and considerations.

Implementation Phase

Once you approve the plan:

implement phase 1

The coder agent implements each task, following your project's patterns.

Review Phase

/review the authentication changes

The reviewer agent checks code quality, security, and best practices.

Testing Phase

/test create tests for the auth module

The tester agent generates comprehensive test cases.

Step 5: Customize Your Skills

Add domain-specific skills for your project. Create a new file:

touch .claude/skills/my-project.md

Add content relevant to your project:

# My Project Guidelines

## Architecture
- We use Clean Architecture patterns
- Services are in src/services/
- Controllers handle HTTP layer only

## Conventions
- Use TypeScript strict mode
- Prefer async/await over callbacks
- All functions need JSDoc comments

Claude Code automatically loads this context for every conversation.

Common Commands Reference

Here are the most useful VibeRune commands:

| Command | Description | |---------|-------------| | /plan | Create implementation plan | | /plan:hard | Detailed plan with research | | /fix | Debug and resolve issues | | /fix:types | Fix TypeScript errors | | /test | Run or create tests | | /docs | Generate documentation | | /git:cp | Commit and push changes | | /review | Code review current changes |

Next Steps

Now that you're set up, explore these areas:

  1. Add more skills: Check viberune.dev/skills for community skills
  2. Learn SPARC: Read our Architecture Decisions post
  3. Join the community: Share your experience on GitHub Discussions

Troubleshooting

Commands not recognized?

Ensure your CLAUDE.md file references the skills directory:

## Workflows
- Skills: `.claude/skills/*`

Context not loading?

Restart Claude Code to reload configuration files.

Need help?

Happy coding with VibeRune!

Related Articles