Sandbox
@croffasia/cc-blueprint-toolkit

Claude Code plugin for blueprint-driven development

This plugin adds a structured workflow to Claude Code for feature planning and implementation. It uses commands like `/bp:brainstorm`, `/bp:generate-prp`, `/bp:execute-prp`, and `/bp:execute-task` to move from idea to plan to code.

194 starsโ€ข27 forksโ€ขUpdated 9mo ago
This NEW Claude Plugin Will Change How You Code in 2025
Vibe Code Kit โ€ข 217 views โ€ข 11 months ago
Who it's for

Builders who want Claude Code to ask better questions, follow project patterns, and turn feature ideas into working code with less back-and-forth.

What it delivers

You can go from a feature idea to a planned, validated implementation in one Claude Code workflow.

What it does

Brainstorming command

`/bp:brainstorm` runs a structured feature planning session and saves the result under `docs/brainstorming/...`.

PRP generation

`/bp:generate-prp` creates a detailed implementation blueprint from a brainstorm note or direct request.

PRP execution

`/bp:execute-prp` follows the plan, writes code, and runs tests and linting for simpler features.

Task-based execution

`/bp:execute-task` breaks complex features into smaller tasks and executes them with progress tracking.

Project templates

`/bp:init` installs or updates the documentation templates in `docs/templates/*`.

Agent and command bundle

The plugin ships Claude Code agents in `claude/agents` and commands in `claude/commands`.

How to get it

  1. 1In Claude Code console, run
    # Short format
    /plugin marketplace add croffasia/cc-blueprint-toolkit
    
    # Or full URL
    /plugin marketplace add https://github.com/croffasia/cc-blueprint-toolkit.git
  2. 2Step 2: Install Plugin
    /plugin install bp
  3. 3In your project directory, run once
    /bp:init

README

PRO Version

๐Ÿ† Need advanced features? Check out the PRO version with early access and lifetime license
โ†’ vibecodekit.dev
๐Ÿ’Ž Use code CCBLUEPRINT for 10% OFF

๐Ÿ—๏ธ Blueprint-Driven Claude Code Autopilot

Claude Code Plugin for smart blueprint-driven development

AI analyzes patterns, creates solid implementation plans, delivers working code in 15 minutes

GitHub stars License: MIT Claude Code Threads / Open Source Alternatives

Blueprint-driven development plugin: AI analyzes your codebase patterns, creates comprehensive implementation plans, then delivers production-ready code with tests. Smart preparation over endless iterations.

/bp:init
# โ†’ Automatically installs/updates templates in your project โ†’ docs/templates/*

/bp:brainstorm Add user authentication with OAuth2
# โ†’ Smart feature planning session โ†’ docs/brainstorming/2025-08-22-user-auth.md

/bp:generate-prp @docs/brainstorming/2025-08-22-user-auth.md
# OR directly: /prp:generate Add user authentication with OAuth2
# โ†’ Complete implementation blueprint โ†’ docs/prps/user-auth.md

/bp:execute-prp @docs/prps/user-auth.md
# โ†’ Working auth system (direct PRP execution for simple features)

/bp:execute-task @docs/tasks/user-auth.md
# โ†’ Execute all tasks from breakdown (for complex features)

Before: 2-4 hours of coding, debugging, and integration
After: 15 minutes โ†’ Production-ready feature โœจ

โญ Found this helpful? Star the repo and hit Watch to get notified of new updates!

โค๏ธ Why Developers Love It

  • 10x Faster Development - Feature idea to production in one session
  • Zero "Vibe Coding" - AI follows your exact patterns and conventions
  • Smart Research - Finds patterns in your codebase or searches dev resources for best practices when needed
  • Auto Task Breakdown - Complex features automatically split into manageable step-by-step tasks
  • Any Tech Stack - React, Python, Go, PHP - works everywhere

๐Ÿš€ Quick Start

Installation (3 simple steps)

Step 1: Add Plugin from Marketplace

In Claude Code console, run:

# Short format
/plugin marketplace add croffasia/cc-blueprint-toolkit

# Or full URL
/plugin marketplace add https://github.com/croffasia/cc-blueprint-toolkit.git

Step 2: Install Plugin

/plugin install bp

Then restart Claude Code to load the plugin.

Step 3: Initialize Templates

In your project directory, run once:

/bp:init

This will automatically install documentation templates to your project, enabling the full Blueprint workflow.

๐ŸŽฏ Commands

1. Think Through Your Feature (/bp:brainstorm)

  • Smart AI Scrum Master guides you through structured planning
  • Asks the right questions to uncover hidden requirements
  • Creates comprehensive feature documentation โ†’ docs/brainstorming/feature-session.md
  • Perfect for solo developers who need a thinking partner

2. Create Perfect Plan (/bp:generate-prp)

  • Validates your request is complete (may ask clarifying questions)
  • Studies your codebase patterns
  • Researches external docs if needed
  • Creates detailed implementation plan โ†’ docs/prps/feature-name.md
  • Breaks down into technical tasks โ†’ docs/tasks/feature-name.md

3. Execute the Plan (/bp:execute-prp)

  • Follows your patterns exactly
  • Writes production-ready code
  • Runs tests and linting
  • Validates everything works

4. Execute Tasks (/bp:execute-task)

  • Breaks down complex features into manageable tasks
  • Executes task-by-task with validation
  • Perfect for large implementations
  • Systematic progress tracking

๐ŸŽฏ How It Works

๐Ÿง  Full Feature Development Flow

brainstorm โ†’ generate prp โ†’ execute

  1. Start with Ideas - Use /bp:brainstorm when you need to explore and refine feature concepts
  2. Generate Implementation Plan - Use /bp:generate-prp to create detailed technical specifications
  3. Choose Your Execution Path:
    • Simple Features: /bp:execute-prp - Direct implementation for straightforward tasks
    • Complex Features: /bp:execute-task - Step-by-step implementation with progress tracking

๐Ÿš€ Quick Implementation Flow

generate prp โ†’ execute

Skip brainstorming when you have clear requirements:

  1. Generate Plan: /bp:generate-prp
  2. Execute: Choose /bp:execute-prp for simple features or /bp:execute-task for complex ones

Pro Tip: Use /bp:execute-task for higher quality first-pass implementations on complex features

๐Ÿ’Ž What You Get

โš™๏ธ Works With Everything

  • Frontend: React, Vue, Angular, Svelte
  • Backend: Node.js, Python, Go, PHP, Java
  • Mobile: React Native, Flutter, Swift, Kotlin

๐Ÿ“Š Real Results

  • Development Speed: Dramatically faster feature delivery
  • Code Quality: Higher (follows existing patterns)
  • Technical Debt: Zero (uses established conventions)
  • Completeness: AI asks clarifying questions to fill gaps
  • Validation: Built-in linting and project checks

๐Ÿ“ What's Included

๐Ÿ“ฆ cc-blueprint-toolkit/
โ”œโ”€โ”€ claude/agents/            # Smart research agents
โ”œโ”€โ”€ claude/commands/          # Claude Code Commands
โ”œโ”€โ”€ docs/templates/           # Templates
โ””โ”€โ”€ docs/                     # Documentation & guides
    โ””โ”€โ”€ vibe-coding-guide.md  # 10 essential tips for AI-powered development

๐ŸŽฏ Perfect For

  • Solo Developers - Get team-level productivity + AI thinking partner for feature planning
  • Startups - Ship features 10x faster with structured planning
  • Large Teams - Maintain consistency across developers

๐Ÿ“– Learning Resources

๐Ÿ† Upgrade to PRO

Want production-ready setup with zero configuration?

Watch Demo

Vibe Code Kit PRO - Early Access with Lifetime License

๐Ÿ’Ž Use code CCBLUEPRINT for 10% OFF

What's included:

  • Enhanced PRP Workflow - Optimized blueprint generation with smarter context handling
  • Smart CLAUDE.md - Pre-configured with lightweight workflow for routine tasks
  • Context-Aware AI Rules - Automatically loads relevant rules based on your task
    • Working with styles? Style guidelines and CSS libraries rules auto-loaded
    • API development? Backend patterns and security rules activated
    • Smart context detection eliminates rule overload
    • Modular system lets you customize rules to fit your exact needs
  • Standards Compliance Agent - Validates code quality and best practices after task completion
  • Professional Vue 3 Starter Kit - Senior-grade template with Claude Code development rules
    • Pre-configured: ESLint, Prettier, Stylelint, TypeScript, Husky, Docker
    • Zero setup required - works from day one
    • Deploy anywhere instantly

Perfect for teams and professionals who want enterprise-grade AI development tools without the setup hassle.

๐Ÿค Join the Community

  • โญ Star this repo if it saves you hours
  • ๐Ÿด Fork to customize for your stack
  • ๐Ÿ’ฌ Issues for questions and feature requests
  • ๐Ÿ”„ PRs welcome for new agents and improvements

๐Ÿ“„ License

MIT License - Use freely in commercial projects


Ready to stop wasting hours on features? Install now and experience autonomous development! ๐Ÿš€

GitHub stars License: MIT Claude Code Threads / Open Source Alternatives

Files in the repo

Repository payloadโ€ข8 top-level entries
  • .claude-plugin
  • claude
  • docs
  • public
  • .gitignore
  • .mcp.json
  • LICENSE
  • README.md

Discussion (0)

Ask about usage, or say what you built with it

Sign in to join the discussion.

No comments yet. Be the first to say what this is good for.

More plugins

Makes your AI agent think like the laziest senior dev in the room. The best code is the code you never wrote.

138k
1 add

Graphs that teach > graphs that impress. Turn any code into an interactive knowledge graph you can explore, search, and ask questions about. Works with Claude Code, Codex, Cursor, Copilot, Gemini CLI, and more.

82k
code-yeongyu/
oh-my-openagent

OmO: Just type "mass ulw" keyword with your prompt. Now you are the master of graph engineering.

69k

Persistent Context Across Sessions for Every Agent โ€“ Captures everything your agent does during sessions, compresses it with AI, and injects relevant context back into future sessions. Works with Claude Code, OpenClaw, Codex, Gemini, Hermes, Copilot, OpenCode + More

94k

Opinionated Oxlint rules for rejecting low-evidence TypeScript and JavaScript patterns

4.3k