DEV Community

Andrii Poluosmak
Andrii Poluosmak

Posted on

From AI chaos to clean code

Hey Developers!

I've been working on something that makes building with Claude Code way easier, and I wanted to share it with you.

THE PROBLEM

I love using Claude Code for development, but I found myself repeating the same setup tasks over and over:

  • Creating new projects from scratch
  • Setting up the same boilerplate
  • Configuring TypeScript, Vue, and other tools manually
  • Configuring AI rules

It was getting tedious, and I thought: "There has to be a better way."

THE SOLUTION: Vibe Code Kit Plugin

I built Vibe Code Kit - a plugin for Claude Code that gives you production-ready starter kits with just one command.

GETTING ACCESS

First, get access to the private GitHub repository at:
https://vibecodekit.dev/

Once you have access, installation is super simple:

/plugin marketplace add croffasia/vibecodekit-core
Enter fullscreen mode Exit fullscreen mode

HOW TO START A NEW PROJECT

  1. Run the command:
/vck:init:starter:vue-spa
Enter fullscreen mode Exit fullscreen mode
  1. Start building! Just tell Claude what you want:

"Add a user authentication page"
"Create a dashboard with charts"
"Build a blog post editor"

  1. Or use planning mode for complex features:
/plan Feature: "Add payment integration with Stripe"
Enter fullscreen mode Exit fullscreen mode

That's it! Claude will build your project while you focus on the business logic.

WHAT YOU GET OUT OF THE BOX

  • Production-ready configuration (ESLint, Stylelint, TYpescript, Prettier, Husky Git hooks)
  • Vue3 with modular architecture
  • Docker container ready to deploy
  • Multi-agent workflows for planning and execution
  • Built-in AI rules for your entire tech stack
  • Zero setup time - just start coding

THE SECRET SAUCE: AI RULES

Here's what makes Vibe Code Kit different: it comes with pre-configured AI rules for your entire tech stack. These rules teach Claude:

  • What it SHOULD do (best practices, patterns, conventions)
  • What it SHOULD NOT do (anti-patterns, common mistakes)
  • How to write maintainable, high-quality code

The result? You get clean, production-ready code that's actually maintainable, not just "it works on my machine" code.

MULTI-AGENT WORKFLOWS

Vibe Code Kit includes multi-agent workflows that break down complex tasks:

  • Planning agent: Breaks down your feature into steps
  • Execution agent: Implements the plan
  • Review agent: Ensures quality

It's like having a senior dev pair-programming with you.

From idea to deployed app in minutes, not hours.

WHAT'S NEXT?

I'm planning to add more starter kits:

  • React + TypeScript
  • Node.js API templates
  • Full-stack setups
  • And more based on what people need

WHY I'M SHARING THIS

I believe the best tools come from solving your own problems.

Want to try it? Get access at https://vibecodekit.dev/ and let me know what you think!

Top comments (0)