Smart CLAUDE.md
Lightweight workflow for routine tasks. Smart context detection eliminates rule overload.
Vibe Code Toolkit From AI chaos
From AI chaos
to clean code
Croffasia — Curator
I've built everything you need: Starter Kit, AI Rules, CLAUDE.md, commands, multi-agent workflows.
Just clone and start coding
Ready to use with Claude Code
120
The difference is clear
Choose your approach wisely. Complex setup wastes time. Amateur tools compromise quality. Professional vibe coding templates give you both speed and reliability
Without Vibe Code Kit
Chaos, wasted hours and money
Outdated practices
Options API, Vue 2 code, breaking reactivity, not using TypeScript, ...
Chaotic development
AI coding tools without standards create messy code requiring rewrites
Poor structure
Random file placement with no structure for AI development workflow
With Vibe Code Kit
Ready to code, ready to ship
Up to date
Frequently updated with distilled, curated and concise best practices. Reduce the token consumption
Clear standards
Consistent patterns that make AI coding tools work perfectly together
Clean structure
Clean modular structure that scales with your AI development workflow
Key Features
Everything you need for professional AI-assisted development
Context-Aware AI Rules
Modular rules that load based on your task. Guidelines and patterns auto-loaded when needed.
Standards Compliance Agent
Validates code quality and best practices automatically. Ensures professional standards maintained.
Professional Vue 3 Starter Kit
Production-ready Vue 3 template with Claude Code rules. Pre-configured from day one.
Getting Started is Easy
Clone the repo, describe what you need, and AI builds it following best practices
How AI handles complex tasks with Vibe Code Kit
Claude Code Terminal
➜Claude Code/rnd
Create a Task Management module
Phase 1: Discovery
Clarification questions (if needed)...
Phase 2: Adaptive research
Phase 3: Generate PRP & tasks
Phase 4: Waiting for approval...
Implementation: Executing tasks...
Feature completed & validated
How AI handles simple tasks with Vibe Code Kit
Claude Code Terminal
➜Claude Code
Create a user profile component with avatar and settings
Step 1: Research & analysis
Step 2: Load relevant documentation
Step 3: Plan implementation
Waiting for user approval...
Step 4: Implementation
Step 5: Standards compliance check
Step 6: Technical validation
How AI handles complex tasks with Vibe Code Kit
Claude Code Terminal
➜Claude Code/rnd
Develop a complete Task Management module with CRUD operations, filters, and real-time updates
Phase 1: Discovery
Clarification questions (if needed)...
Phase 2: Adaptive research
Phase 3: Generate PRP & tasks
Phase 4: Waiting for approval...
Implementation: Executing tasks...
Feature completed & validated
If you didn't start implementation during /rnd workflow, execute generated tasks later:
➜/dev @workspace/tasks/{task-name}.mdWhat's Included
Senior-grade vibe coding template + Claude Code development rules
ESLint
Prettier
Stylelint
TypeScript
Husky
Docker
🫶 Zero setup required
Technology Stack
Production Ready Starter Pack
Vue 3
Claude Code Rules
Vite
No additional rules required
TypeScript
Claude Code Rules
Tailwind CSS
Claude Code Rules
Pinia
Claude Code Rules
Pinia Colada
Claude Code Rules
DaisyUI
Claude Code Rules
VueUse
Claude Code Rules
Claude Code Agents
Modular AI Development Assistants
vue-frontend-developer
Context-driven Vue 3 component implementation following project patterns
standards-checker
Post-implementation standards compliance checking for Vue components and styling
code-validator
Runs validation commands and fixes technical errors automatically
codebase-research
Vue codebase analysis and existing pattern discovery
preflight
Task validation and requirement completeness checking
research-agent
External Vue ecosystem research and documentation fetching
task-breakdown
Decomposes requirements into actionable development tasks
Claude Code Commands
Multi-Agent Research & Development System
rnd
Research & Develop full-cycle feature implementation workflow
dev
Execute structured tasks from task breakdown documents following established patterns
Development Roadmap
We're just getting started! Here's what's coming next to supercharge your AI development workflow
✓
Vue.js Starter Development
Complete Vue 3 starter template development with TypeScript, Vite configuration, ESLint, Prettier, Stylelint, Husky pre-commit hooks, and Docker production setup
Completed
✓
Claude Code Rules Development
CLAUDE.md workflow development with dynamic rule loading system for coding principles, modular architecture, Vue 3, TypeScript, Pinia, DaisyUI, VueUse, and Pinia Colada patterns
Completed
✓
Multi-Agent System Development
Development of 7 specialized agents and Claude Code commands /rnd and /dev for enhanced code quality and automated workflows
Completed
✓
Testing and Debugging
Testing and debugging orchestration workflows to ensure reliability and performance
Completed
✓
Early Access Launch
Early access program launch with Solo, Startup, and Organization tiers offering lifetime access to private repository, unlimited projects, and all future updates
Completed
Free Open Source Edition
Try light version of /rnd patterns in open source
🔗 CC Blueprint Toolkit
A streamlined version of our professional workflow, perfect for developers who want to experience AI-assisted development patterns without any commitment.
Open source and free to use
Core workflow patterns included
Perfect for learning AI development
No additional stack instructions
No CLAUDE.md instructions
No smart orchestration
Still got questions?
Common questions about Vibe Code Kit
Can I try Vibe Code Kit for free?
Yes! You can try our open source CC Blueprint Toolkit on GitHub, which includes core AI development workflow patterns. While Vibe Code Kit offers the complete professional system, the open source version lets you experience our approach risk-free.
What happens after I purchase this?
You get access to a license that you can activate to access the private GitHub Repository where I will be posting updates and answering any questions.
How long is the license valid for?
Forever! Purchase once and you can use Vibe Code Kit for as long as you want. I will keep updating the repository with new features and improvements because I use them myself.
Can I share my license with others?
Only Startup and Organization licenses allow you to use the same license multiple times. The Individual license is for personal use only. If you want to share it with your team through a repository or project, please consider purchasing a Startup or Organization license.
Can I use it in commercial projects?
Use it to build anything you want, commercial or not. What you can't do is repackage or publish the content of the repository. That will break the terms of service and immediately revoke your access rights.
Can I get a refund if I don't like it?
Unfortunately, once you activate the license, I cannot verify if you have used the content or not, so I can only offer a refund up until you activate the license the first time. That being said, I will help you with any questions or issues you may have.
Do you provide support?
Community support is available through GitHub issues and discussions. The template includes comprehensive documentation and AI development guides to help you implement features effectively.