ccstart 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +346 -0
- package/bin/create-project.bak.js +1062 -0
- package/bin/create-project.js +1107 -0
- package/package.json +47 -0
- package/template/claude/CLAUDE.md +104 -0
- package/template/claude/agents/README.md +35 -0
- package/template/claude/agents/backend.md +80 -0
- package/template/claude/agents/blockchain.md +81 -0
- package/template/claude/agents/checker.md +69 -0
- package/template/claude/agents/coder.md +46 -0
- package/template/claude/agents/frontend.md +73 -0
- package/template/claude/agents/planner.md +36 -0
- package/template/claude/agents/researcher.md +56 -0
- package/template/claude/agents/shadcn.md +106 -0
- package/template/claude/docs/ROADMAP.md +64 -0
- package/template/claude/docs/agent-orchestration.md +152 -0
- package/template/claude/plans/README.md +53 -0
- package/template/claude/tickets/README.md +39 -0
- package/template/claude/tickets/ticket-list.md +79 -0
package/README.md
ADDED
@@ -0,0 +1,346 @@
|
|
1
|
+
# ccstart
|
2
|
+
|
3
|
+
[](https://www.npmjs.com/package/ccstart)
|
4
|
+
[](https://github.com/vichannnnn/claude-code/pulls)
|
5
|
+
[](https://opensource.org/licenses/MIT)
|
6
|
+
[](https://www.npmjs.com/package/ccstart)
|
7
|
+
|
8
|
+
Quick setup for Claude Code projects with built-in agents, ticket system, planning tools and agent orchestration workflow.
|
9
|
+
|
10
|
+
## Installation
|
11
|
+
|
12
|
+
```bash
|
13
|
+
# Create a new project
|
14
|
+
npx ccstart my-project
|
15
|
+
|
16
|
+
# Setup in current directory
|
17
|
+
npx ccstart .
|
18
|
+
|
19
|
+
# Install globally (optional)
|
20
|
+
npm install -g ccstart
|
21
|
+
ccstart my-project
|
22
|
+
```
|
23
|
+
|
24
|
+
## Command Line Options
|
25
|
+
|
26
|
+
```bash
|
27
|
+
ccstart [project-name] [options]
|
28
|
+
|
29
|
+
Options:
|
30
|
+
--force, -f Skip all prompts and overwrite existing files
|
31
|
+
--dry-run, -d Show what would be done without making changes
|
32
|
+
--agents Interactive agent selection mode
|
33
|
+
--all-agents Include all agents without prompting
|
34
|
+
--no-agents Skip agent selection entirely
|
35
|
+
--help, -h Show help message
|
36
|
+
|
37
|
+
Examples:
|
38
|
+
ccstart # Create in current directory
|
39
|
+
ccstart my-project # Create in new directory
|
40
|
+
ccstart . --force # Overwrite files in current directory
|
41
|
+
ccstart my-app --dry-run # Preview changes without creating files
|
42
|
+
ccstart --agents # Interactive agent selection only
|
43
|
+
ccstart my-app --all-agents # Include all agents automatically
|
44
|
+
```
|
45
|
+
|
46
|
+
## What's Included
|
47
|
+
|
48
|
+
The boilerplate template creates:
|
49
|
+
- **CLAUDE.md** - Project instructions for Claude (references claude/ subdirectories)
|
50
|
+
- **claude/** - All Claude-related files in one organized directory:
|
51
|
+
- **claude/agents/** - Specialized AI agents (planner, coder, checker, etc.)
|
52
|
+
- **claude/tickets/** - Task tracking system
|
53
|
+
- **claude/plans/** - Project planning documents
|
54
|
+
- **claude/docs/** - Documentation with ROADMAP.md and agent-orchestration.md
|
55
|
+
- **.claude/** - Claude Code specific directory structure (created automatically)
|
56
|
+
|
57
|
+
## Key Features
|
58
|
+
|
59
|
+
- 🎯 **Interactive Agent Selection** - Choose which agents to include during setup
|
60
|
+
- 🔄 **Agent Orchestration Workflows** - Pre-defined workflows that automatically coordinate multiple agents for complex tasks
|
61
|
+
- 🔒 **Smart Conflict Resolution** - Handle existing files with skip/rename/overwrite options
|
62
|
+
- 📁 **.claude Directory Support** - Automatic creation of Claude Code directory structure
|
63
|
+
- 🏃 **Dry Run Mode** - Preview changes before applying them
|
64
|
+
- ⚡ **Force Mode** - Skip all prompts for automated workflows
|
65
|
+
- 🎨 **Standalone Agent Preview** - Explore available agents without setup
|
66
|
+
- 🎭 **Systematic Task Execution** - Agents work in sequence, building on each other's outputs
|
67
|
+
|
68
|
+
## Project Structure
|
69
|
+
|
70
|
+
- **templates/** - The boilerplate templates that will be copied to user's project
|
71
|
+
- **bin/** - CLI executable for ccstart
|
72
|
+
- **agents/**, **docs/**, **plans/**, **tickets/** - Working files for ccstart development (not part of the template)
|
73
|
+
|
74
|
+
## Usage
|
75
|
+
|
76
|
+
1. Create a new project:
|
77
|
+
```bash
|
78
|
+
npx ccstart my-awesome-project
|
79
|
+
cd my-awesome-project
|
80
|
+
```
|
81
|
+
|
82
|
+
2. Edit `CLAUDE.md` with your project-specific instructions
|
83
|
+
|
84
|
+
3. Update `claude/docs/ROADMAP.md` with your project goals
|
85
|
+
|
86
|
+
4. Start creating tickets in `claude/tickets/` directory
|
87
|
+
|
88
|
+
## Claude Code Integration
|
89
|
+
|
90
|
+
ccstart seamlessly integrates with Claude Code:
|
91
|
+
|
92
|
+
- **Automatic Detection** - Checks if Claude Code is initialized in your project
|
93
|
+
- **.claude Directory** - Creates Claude Code directory structure automatically
|
94
|
+
- **Agent Installation** - Copies agents to `.claude/agents/` for native Claude Code support
|
95
|
+
- **Smart Initialization** - Offers to create `.claude` directory if Claude Code isn't detected
|
96
|
+
|
97
|
+
When running in the current directory (`npx ccstart .`), it will check for Claude Code and provide instructions if not found. For new projects, ccstart will remind you to initialize Claude Code after setup.
|
98
|
+
|
99
|
+
## Using Agents
|
100
|
+
|
101
|
+
The boilerplate includes several specialized agents in the `agents/` directory:
|
102
|
+
|
103
|
+
- **planner.md** - Strategic planning and task breakdown
|
104
|
+
- **coder.md** - Implementation and development
|
105
|
+
- **checker.md** - Testing and quality assurance
|
106
|
+
- **researcher.md** - Research and information gathering
|
107
|
+
- **blockchain.md** - Web3 and smart contract development
|
108
|
+
- **frontend.md** - UI/UX and frontend development
|
109
|
+
- **backend.md** - API design and server-side development
|
110
|
+
- **shadcn.md** - shadcn/ui component development
|
111
|
+
|
112
|
+
### Interactive Agent Selection
|
113
|
+
|
114
|
+
During setup, ccstart will prompt you to select which agents to include:
|
115
|
+
|
116
|
+
```bash
|
117
|
+
🤖 Select agents to include in your Claude Code project
|
118
|
+
|
119
|
+
Use arrow keys to navigate, space to select/deselect, 'a' to toggle all
|
120
|
+
|
121
|
+
Choose your agents:
|
122
|
+
◯ backend - Backend development specialist for API design and server optimization
|
123
|
+
◯ blockchain - Web3 and smart contract development expert
|
124
|
+
◯ checker - Quality assurance and code review specialist
|
125
|
+
◯ coder - Expert software developer for implementation
|
126
|
+
◯ frontend - Frontend development specialist for UI/UX
|
127
|
+
◯ planner - Strategic planning specialist for complex problems
|
128
|
+
◯ researcher - Research specialist for documentation and code analysis
|
129
|
+
◯ shadcn - shadcn/ui component library expert
|
130
|
+
```
|
131
|
+
|
132
|
+
You can also use flags to control agent selection:
|
133
|
+
- `--all-agents` - Include all available agents
|
134
|
+
- `--no-agents` - Skip agent selection entirely
|
135
|
+
- `--agents` - Preview available agents without creating a project
|
136
|
+
|
137
|
+
Example:
|
138
|
+
```bash
|
139
|
+
# Include all agents without prompting
|
140
|
+
npx ccstart my-project --all-agents
|
141
|
+
|
142
|
+
# Create project without any agents
|
143
|
+
npx ccstart my-project --no-agents
|
144
|
+
|
145
|
+
# Preview available agents only
|
146
|
+
npx ccstart --agents
|
147
|
+
```
|
148
|
+
|
149
|
+
### Conflict Resolution
|
150
|
+
|
151
|
+
When existing files are detected, ccstart offers smart conflict resolution:
|
152
|
+
|
153
|
+
```bash
|
154
|
+
⚠️ File conflicts detected. You will be asked how to handle each category.
|
155
|
+
|
156
|
+
📄 CLAUDE.md conflicts:
|
157
|
+
- CLAUDE.md
|
158
|
+
|
159
|
+
Conflict resolution options:
|
160
|
+
1) skip (s) - Keep your existing files
|
161
|
+
2) rename (r) - Save template files with -ccstart suffix
|
162
|
+
3) overwrite (o) - Replace with template versions
|
163
|
+
|
164
|
+
Your choice for CLAUDE.md [s/r/o]:
|
165
|
+
```
|
166
|
+
|
167
|
+
Categories are handled separately:
|
168
|
+
- **CLAUDE.md** - Project instructions (warns before overwriting)
|
169
|
+
- **Agents** - AI agent files
|
170
|
+
- **Documentation** - docs/ folder files
|
171
|
+
- **Plans** - plans/ folder files
|
172
|
+
- **Tickets** - tickets/ folder files
|
173
|
+
|
174
|
+
## Agent Orchestration Showcase
|
175
|
+
|
176
|
+
The template includes powerful agent orchestration workflows that guide Claude through complex tasks systematically. Here are real-world examples:
|
177
|
+
|
178
|
+
### 🚀 Feature Development Example
|
179
|
+
|
180
|
+
**Scenario**: Building a user authentication system
|
181
|
+
|
182
|
+
```bash
|
183
|
+
# In Claude Code, you would say:
|
184
|
+
"I need to add user authentication to my app. Use the feature development workflow to guide me through this."
|
185
|
+
|
186
|
+
# Claude will automatically orchestrate:
|
187
|
+
1. Researcher Agent → Analyzes existing codebase, identifies auth patterns
|
188
|
+
2. Planner Agent → Creates detailed implementation plan with JWT, sessions, etc.
|
189
|
+
3. Coder Agent → Implements auth endpoints, middleware, and UI components
|
190
|
+
4. Checker Agent → Tests security, validates implementation, checks edge cases
|
191
|
+
```
|
192
|
+
|
193
|
+
### 🐛 Bug Fix Example
|
194
|
+
|
195
|
+
**Scenario**: Users report login failures after 5 minutes
|
196
|
+
|
197
|
+
```bash
|
198
|
+
# You tell Claude:
|
199
|
+
"Users are getting logged out after 5 minutes. Use the bug fix workflow to investigate and fix this."
|
200
|
+
|
201
|
+
# Claude orchestrates:
|
202
|
+
1. Researcher Agent → Investigates session handling, token expiry, logs
|
203
|
+
2. Coder Agent → Fixes token refresh logic, updates session timeout
|
204
|
+
3. Checker Agent → Verifies fix, tests edge cases, ensures no regressions
|
205
|
+
```
|
206
|
+
|
207
|
+
### 🏗️ API Development Example
|
208
|
+
|
209
|
+
**Scenario**: Building a REST API for a blog platform
|
210
|
+
|
211
|
+
```bash
|
212
|
+
# You request:
|
213
|
+
"Help me build a complete REST API for blog posts with CRUD operations. Follow the API development workflow."
|
214
|
+
|
215
|
+
# Claude coordinates:
|
216
|
+
1. Planner Agent → Designs RESTful endpoints, database schema, auth strategy
|
217
|
+
2. Backend Agent → Implements controllers, models, middleware, validation
|
218
|
+
3. Frontend Agent → Creates API client, integration examples (if needed)
|
219
|
+
4. Checker Agent → Tests all endpoints, validates OpenAPI spec, security audit
|
220
|
+
```
|
221
|
+
|
222
|
+
### 🎨 UI Component Example
|
223
|
+
|
224
|
+
**Scenario**: Creating a responsive dashboard with shadcn/ui
|
225
|
+
|
226
|
+
```bash
|
227
|
+
# You ask:
|
228
|
+
"Create a dashboard with charts and stats cards using shadcn. Use the UI component workflow."
|
229
|
+
|
230
|
+
# Claude executes:
|
231
|
+
1. Frontend Agent → Designs component structure, responsive layout
|
232
|
+
2. Shadcn Agent → Implements with shadcn/ui components, themes, animations
|
233
|
+
3. Checker Agent → Tests responsiveness, accessibility, performance
|
234
|
+
```
|
235
|
+
|
236
|
+
### 🔍 Quality Assurance Example
|
237
|
+
|
238
|
+
**Scenario**: Comprehensive review before deployment
|
239
|
+
|
240
|
+
```bash
|
241
|
+
# You request:
|
242
|
+
"Run full QA on the authentication feature we just built."
|
243
|
+
|
244
|
+
# Claude performs:
|
245
|
+
1. Researcher Agent → Analyzes all changes, identifies test requirements
|
246
|
+
2. Checker Agent → Runs security scans, performance tests, accessibility checks
|
247
|
+
3. Coder Agent → Fixes any issues found
|
248
|
+
4. Checker Agent → Final validation, generates QA report
|
249
|
+
```
|
250
|
+
|
251
|
+
### 💡 How to Use Agent Orchestration
|
252
|
+
|
253
|
+
1. **Read the orchestration guide**:
|
254
|
+
```
|
255
|
+
"Read docs/agent-orchestration.md to understand available workflows"
|
256
|
+
```
|
257
|
+
|
258
|
+
2. **Choose your workflow**:
|
259
|
+
- Feature Development: Complex new features
|
260
|
+
- Bug Fix: Investigating and fixing issues
|
261
|
+
- Refactoring: Improving code quality
|
262
|
+
- API Development: Building APIs
|
263
|
+
- UI Components: Frontend development
|
264
|
+
- Blockchain: Web3 features
|
265
|
+
- QA: Quality assurance
|
266
|
+
|
267
|
+
3. **Let Claude guide you**:
|
268
|
+
```
|
269
|
+
"I need to [your task]. Which workflow should we use?"
|
270
|
+
```
|
271
|
+
|
272
|
+
4. **Follow the flow**:
|
273
|
+
- Claude will automatically use agents in the correct sequence
|
274
|
+
- Each agent builds on the previous one's work
|
275
|
+
- You get systematic, thorough results
|
276
|
+
|
277
|
+
The orchestration ensures nothing is missed and follows best practices automatically!
|
278
|
+
|
279
|
+
## Getting Started with Claude Code
|
280
|
+
|
281
|
+
After setting up your project with `ccstart`:
|
282
|
+
|
283
|
+
1. **Open Claude Code** in your project directory:
|
284
|
+
```bash
|
285
|
+
cd my-awesome-project
|
286
|
+
claude
|
287
|
+
```
|
288
|
+
|
289
|
+
2. **Let Claude understand your project** by asking:
|
290
|
+
- "Read the CLAUDE.md file to understand this project"
|
291
|
+
- "Check the roadmap in docs/ROADMAP.md"
|
292
|
+
- "What agents are available in the agents directory?"
|
293
|
+
- "Read the README files in docs, tickets, and plans folders to understand the workflow"
|
294
|
+
|
295
|
+
3. **Start working** with Claude:
|
296
|
+
- Use the planner agent: "Use the planner agent to help me design a user authentication system"
|
297
|
+
- Create tickets: "Create a ticket for implementing user login"
|
298
|
+
- Implement features: "Use the coder agent to implement the login functionality"
|
299
|
+
- Review code: "Use the checker agent to review the code we just wrote"
|
300
|
+
|
301
|
+
4. **Important setup steps**:
|
302
|
+
- **Update ROADMAP.md**: Define your project's goals, features, and development phases
|
303
|
+
- **Read folder documentation**: Each folder (docs/, tickets/, plans/) has a README explaining its purpose and format
|
304
|
+
- **Customize CLAUDE.md**: Add project-specific instructions, commands, and context
|
305
|
+
|
306
|
+
5. **Workflow tips**:
|
307
|
+
- Always start with planning for complex features
|
308
|
+
- Create tickets to track progress
|
309
|
+
- Use the appropriate agent for each task
|
310
|
+
- Keep CLAUDE.md updated with project-specific instructions
|
311
|
+
- Follow the workflow defined in docs/ROADMAP.md
|
312
|
+
|
313
|
+
## Features
|
314
|
+
|
315
|
+
### Core Features
|
316
|
+
- ✅ Pre-configured project structure for Claude Code
|
317
|
+
- 🤖 Multiple specialized agents for different tasks
|
318
|
+
- 🎫 Built-in ticket and planning system
|
319
|
+
- 📋 Ready-to-use boilerplate with best practices
|
320
|
+
- 📁 Automatic .claude directory integration
|
321
|
+
|
322
|
+
### CLI Features
|
323
|
+
- 🎯 Interactive agent selection with descriptions
|
324
|
+
- 🔄 Smart conflict resolution (skip/rename/overwrite)
|
325
|
+
- 👀 Dry-run mode to preview changes
|
326
|
+
- ⚡ Force mode for CI/CD pipelines
|
327
|
+
- 🎨 Standalone agent preview mode
|
328
|
+
- 🛡️ Security validations for file operations
|
329
|
+
|
330
|
+
### Agent Orchestration
|
331
|
+
The template includes `docs/agent-orchestration.md` which defines workflows for:
|
332
|
+
- **Feature Development** - Researcher → Planner → Coder → Checker
|
333
|
+
- **Bug Fixes** - Researcher → Coder → Checker
|
334
|
+
- **Refactoring** - Researcher → Planner → Coder → Checker
|
335
|
+
- **API Development** - Planner → Backend → Frontend → Checker
|
336
|
+
- **UI Components** - Frontend → Shadcn → Checker
|
337
|
+
- **Blockchain** - Planner → Blockchain → Checker
|
338
|
+
- **Quality Assurance** - Researcher → Checker → Coder → Checker
|
339
|
+
|
340
|
+
## Credits
|
341
|
+
|
342
|
+
Born from our discussions in TechOverflow with [vichannnnn](https://github.com/vichannnnn) and [nasdin](https://github.com/nasdin)
|
343
|
+
|
344
|
+
## License
|
345
|
+
|
346
|
+
MIT
|