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
HOW TO START A NEW PROJECT
- Run the command:
/vck:init:starter:vue-spa
- Start building! Just tell Claude what you want:
"Add a user authentication page"
"Create a dashboard with charts"
"Build a blog post editor"
- Or use planning mode for complex features:
/plan Feature: "Add payment integration with Stripe"
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)