Added comprehensive "Workflow-Free Usage" section covering: **Direct CLI Tool Usage:** - Code analysis with /cli:analyze - Interactive chat with /cli:chat - Specialized modes (plan, code-analysis, bug-index) **Semantic Gemini Invocation:** - Read-only mode for exploration and analysis - Write mode for document generation - Context optimization techniques with cd **Memory Management:** - Full project index rebuild with /update-memory-full - Incremental updates with /update-memory-related - Execution timing recommendations - Memory quality impact table **CLI Tool Initialization:** - Auto-configuration with /cli:cli-init - Tool-specific setup options Documentation style: - Objective tone without first-person pronouns - Clear command examples with copy-paste readiness - Practical execution timing guidance - Visual tables for decision making Files updated: - GETTING_STARTED.md (English, +167 lines) - GETTING_STARTED_CN.md (Chinese, +167 lines) 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
10 KiB
🚀 Claude Code Workflow (CCW) - Getting Started Guide
Welcome to Claude Code Workflow (CCW)! This guide will help you get up and running in 5 minutes and experience AI-driven automated software development.
⏱️ 5-Minute Quick Start
Let's build a "Hello World" web application from scratch with a simple example.
Step 1: Install CCW
First, make sure you have installed CCW according to the Installation Guide.
Step 2: Start a Workflow Session
Think of a "session" as a dedicated project folder. CCW will store all files related to your current task here.
/workflow:session:start "My First Web App"
You will see that the system has created a new session, for example, WFS-my-first-web-app.
Step 3: Create an Execution Plan
Now, tell CCW what you want to do. CCW will analyze your request and automatically generate a detailed, executable task plan.
/workflow:plan "Create a simple Express API that returns Hello World at the root path"
This command kicks off a fully automated planning process, which includes:
- Context Gathering: Analyzing your project environment.
- Agent Analysis: AI agents think about the best implementation path.
- Task Generation: Creating specific task files (in
.jsonformat).
Step 4: Execute the Plan
Once the plan is created, you can command the AI agents to start working.
/workflow:execute
You will see CCW's agents (like @code-developer) begin to execute tasks one by one. It will automatically create files, write code, and install dependencies.
Step 5: Check the Status
Want to know the progress? You can check the status of the current workflow at any time.
/workflow:status
This will show the completion status of tasks, the currently executing task, and the next steps.
🧠 Core Concepts Explained
Understanding these concepts will help you use CCW more effectively:
-
Workflow Session
Like an independent sandbox or project space, used to isolate the context, files, and history of different tasks. All related files are stored in the
.workflow/WFS-<session-name>/directory. -
Task
An atomic unit of work, such as "create API route" or "write test case." Each task is a
.jsonfile that defines the goal, context, and execution steps in detail. -
Agent
An AI assistant specialized in a specific domain. For example:
@code-developer: Responsible for writing and implementing code.@test-fix-agent: Responsible for running tests and automatically fixing failures.@ui-design-agent: Responsible for UI design and prototype creation.
-
Workflow
A series of predefined, collaborative commands used to orchestrate different agents and tools to achieve a complex development goal (e.g.,
plan,execute,test-gen).
🛠️ Common Scenarios
Scenario 1: Developing a New Feature (as shown above)
This is the most common use case, following the "start session → plan → execute" pattern.
# 1. Start a session
/workflow:session:start "User Login Feature"
# 2. Create a plan
/workflow:plan "Implement JWT-based user login and registration"
# 3. Execute
/workflow:execute
Scenario 2: UI Design
CCW has powerful UI design capabilities, capable of generating complex UI prototypes from simple text descriptions.
# 1. Start a UI design workflow
/workflow:ui-design:explore-auto --prompt "A modern, clean admin dashboard login page with username, password fields and a login button"
# 2. View the generated prototype
# After the command finishes, it will provide a path to a compare.html file. Open it in your browser to preview.
Scenario 3: Fixing a Bug
CCW can help you analyze and fix bugs.
# 1. Use the bug-index command to analyze the problem
/cli:mode:bug-index "Incorrect success message even with wrong password on login"
# 2. The AI will analyze the relevant code and generate a fix plan. You can then execute this plan.
/workflow:execute
🔧 Workflow-Free Usage: Standalone Tools
Beyond the full workflow mode, CCW provides standalone CLI tools and commands suitable for quick analysis, ad-hoc queries, and routine maintenance tasks.
Direct CLI Tool Invocation
CCW supports direct invocation of external AI tools (Gemini, Qwen, Codex) through a unified CLI interface without creating workflow sessions.
Code Analysis
Quickly analyze project code structure and architectural patterns:
# Code analysis with Gemini
/cli:analyze --tool gemini "Analyze authentication module architecture"
# Code quality analysis with Qwen
/cli:analyze --tool qwen "Review database model design for best practices"
Interactive Chat
Direct interactive dialogue with AI tools:
# Chat with Gemini
/cli:chat --tool gemini "Explain React Hook use cases"
# Discuss implementation with Codex
/cli:chat --tool codex "How to optimize this query performance"
Specialized Analysis Modes
Use specific analysis modes for in-depth exploration:
# Architecture planning mode
/cli:mode:plan --tool gemini "Design a scalable microservices architecture"
# Deep code analysis
/cli:mode:code-analysis --tool qwen "Analyze utility functions in src/utils/"
# Bug analysis mode
/cli:mode:bug-index --tool gemini "Analyze potential causes of memory leak"
Semantic Gemini Tool Invocation
CCW provides a convenient Gemini Wrapper script for semantic project analysis and document generation.
Basic Analysis (Read-only Mode)
By default, Gemini runs in read-only mode, suitable for code exploration and architectural analysis:
# Execute analysis in project root
cd /path/to/project && ~/.claude/scripts/gemini-wrapper -p "
PURPOSE: Analyze project modular architecture
TASK: Identify core modules and their dependencies
CONTEXT: @{src/**/*.ts,CLAUDE.md}
EXPECTED: Generate architecture diagram and module documentation
RULES: Focus on module boundaries and interface design
"
Document Generation (Write Mode)
When file generation or modification is needed, write mode must be explicitly enabled:
# Generate API documentation
cd /path/to/project && ~/.claude/scripts/gemini-wrapper --approval-mode yolo -p "
PURPOSE: Generate REST API documentation
TASK: Extract API endpoints from code and generate Markdown docs
MODE: write
CONTEXT: @{src/api/**/*.ts}
EXPECTED: Generate API.md with all endpoint descriptions
RULES: Follow OpenAPI specification format
"
Context Optimization Techniques
Using cd to switch to specific directories optimizes context scope:
# Analyze only auth module
cd src/auth && ~/.claude/scripts/gemini-wrapper -p "
PURPOSE: Security review of authentication module
TASK: Check JWT implementation and password handling
CONTEXT: @{**/*.ts}
EXPECTED: Security audit report
RULES: Focus on OWASP Top 10 security issues
"
Memory Management: CLAUDE.md Updates
CCW uses a hierarchical CLAUDE.md documentation system to maintain project context. Regular updates to these documents are critical for ensuring high-quality AI outputs.
Full Project Index Rebuild
Suitable for large-scale refactoring, architectural changes, or first-time CCW usage:
# Rebuild entire project documentation index
/update-memory-full
# Use specific tool for indexing
/update-memory-full --tool gemini # Comprehensive analysis (recommended)
/update-memory-full --tool qwen # Architecture focus
/update-memory-full --tool codex # Implementation details
When to Execute:
- During project initialization
- After major architectural changes
- Weekly routine maintenance
- When AI output drift is detected
Incremental Related Module Updates
Suitable for daily development, updating only modules affected by changes:
# Update recently modified related documentation
/update-memory-related
# Specify tool for update
/update-memory-related --tool gemini
When to Execute:
- After feature development completion
- After module refactoring
- After API interface updates
- After data model modifications
Memory Quality Impact
| Update Frequency | Result |
|---|---|
| ❌ Never update | Outdated API references, incorrect architectural assumptions, low-quality output |
| ⚠️ Occasional updates | Partial context accuracy, potential inconsistencies |
| ✅ Timely updates | High-quality output, precise context, correct pattern references |
CLI Tool Initialization
When using external CLI tools for the first time, initialization commands provide quick configuration:
# Auto-configure all tools
/cli:cli-init
# Configure specific tools only
/cli:cli-init --tool gemini
/cli:cli-init --tool qwen
This command will:
- Analyze project structure
- Generate tool configuration files
- Set up
.geminiignore/.qwenignore - Create context file references
❓ Troubleshooting
-
Problem: Prompt shows "No active session found"
Reason: You haven't started a workflow session, or the current session is complete. Solution: Use
/workflow:session:start "Your task description"to start a new session. -
Problem: Command execution fails or gets stuck
Reason: It could be a network issue, AI model limitation, or the task is too complex. Solution:
- First, try using
/workflow:statusto check the current state. - Check the log files in the
.workflow/WFS-<session-name>/.chat/directory for detailed error messages. - If the task is too complex, try breaking it down into smaller tasks and then use
/workflow:planto create a new plan.
- First, try using
📚 Next Steps for Advanced Learning
Once you've mastered the basics, you can explore CCW's more powerful features:
-
Test-Driven Development (TDD): Use
/workflow:tdd-planto create a complete TDD workflow. The AI will first write failing tests, then write code to make them pass, and finally refactor. -
Multi-Agent Brainstorming: Use
/workflow:brainstorm:auto-parallelto have multiple AI agents with different roles (like System Architect, Product Manager, Security Expert) analyze a topic simultaneously and generate a comprehensive report. -
Custom Agents and Commands: You can modify the files in the
.claude/agents/and.claude/commands/directories to customize agent behavior and workflows to fit your team's specific needs.
Hope this guide helps you get started smoothly with CCW!