Workflow-Tipps

1. Analyze Requirements → 2. Create Plan → 3. Confirm Plan → 4. Execute Step by Step → 5. Verify Results

> Read the code in @src/services/ directory and understand the existing architecture.
> Don't write any code, just analyze.

> Based on your understanding of the existing code, create a detailed implementation plan for "user permission management".
> Include: file changes, new files, dependencies, risk points.

> In step 3 of the plan, I want to use Redis cache instead of memory cache. Please adjust the plan.

> Now execute step 1 of the plan: create the permission model.

# 1. Create feature branch
git checkout -b feature/user-permissions

# 2. Navigate to project and start Claude Code
cd your-project && claude

# 3. Commit frequently during development
> /commit  # First commit
# Continue developing...
> /commit  # Second commit

# 4. Feature complete, create PR
> Create a PR description for the current branch, summarizing all commit changes

> /review
> Focus on: security, performance, code style

# Get PR changes
gh pr diff 123 | claude "Review this PR, focus on:
1. Logic correctness
2. Edge case handling
3. Error handling
4. Code maintainability"

> Phase 1: Check if architecture design is reasonable
> Phase 2: Check if implementation matches design
> Phase 3: Check if test coverage is sufficient
> Phase 4: Check if documentation is complete

1. Write Tests → 2. Run Tests (Fail) → 3. Write Code → 4. Run Tests (Pass) → 5. Refactor

> Write test cases for user registration, covering:
> - Normal registration
> - Invalid email format
> - Weak password
> - User already exists
> Write tests first, don't implement the feature.

npm test  # Expected: tests fail

> Now implement the code to make all tests pass.

npm test  # Expected: tests pass

> Tests pass. Now refactor the code for better readability without breaking tests.

1. Reproduce Issue → 2. Gather Information → 3. Analyze Cause → 4. Verify Hypothesis → 5. Fix Issue

> Issue: After login, clicking "My Orders" shows blank page
> Expected: Display user's order list
> Steps to reproduce: Login → Click "My Orders"

> Analyze these files to find possible issues:
> @src/pages/MyOrders.tsx
> @src/services/OrderService.ts
> @src/api/orders.ts

# Collect error logs
cat app.log | claude "Analyze these logs, find errors related to the orders page"

> Based on the analysis, fix the issue in OrderService
> After fixing, I'll test to verify

> Execute these tasks simultaneously:
> 1. Use Explore agent to analyze project structure
> 2. Use Plan agent to design new feature approach

Terminal (Claude Code)          IDE (VS Code)
        ↓                           ↓
   Analyze, Plan              Manual adjustments, reading
        ↓                           ↓
   Generate Code  ←─────────→   View diff, test
        ↓                           ↓
   Commit Code                  Continue development

# Team Development Standards

## Code Style

- ESLint config: .eslintrc.js
- Prettier config: .prettierrc

## Git Standards

- Branch naming: feature/xxx, fix/xxx, hotfix/xxx
- Commit format: type(scope): description

## Testing Requirements

- Unit test coverage > 80%
- E2E tests cover core flows

> Create PR description using this template:
> ## Changes
> ## Test Plan
> ## Screenshots (if UI changes)
> ## Checklist