Claude Code: تطبيق عملي: إضافة Chrome والمهام المتوازية

> Create a Chrome extension: Webpage highlight annotation tool

Features:
1. Right-click menu "Highlight" after selecting text
2. Support 4 colors: yellow/green/blue/red
3. Persistent annotations (Chrome storage API)
4. Popup panel to manage annotation list
5. One-click export to Markdown

Tech: Manifest V3, TypeScript, no framework, native DOM

Claude Code:
  → Creating project structure (7 source files)
  → Creating manifest.json (Manifest V3)
  → Creating background.ts, content.ts, popup UI
  → Creating storage.ts, export.ts
  → Running: npm run build ✓
  Project created! Features complete.

# الجولة 1: الميزات الأساسية مكتملة، ابدأ التكرار

> Add feature: Click existing highlight to remove annotation
Claude Code: ✅ Added click-to-remove handler

> Add feature: Annotation list search support
Claude Code: ✅ Added search with filter

> Add feature: Support annotation in PDF pages
Claude Code: ✅ Added PDF.js integration

chrome-highlighter/
├── manifest.json
├── src/
│   ├── background.ts
│   ├── content.ts
│   ├── popup/
│   ├── storage.ts
│   ├── export.ts
│   └── pdf-viewer.ts
├── dist/
├── package.json
└── tsconfig.json

# تسلسلي: 8 + 6 + 10 + 5 = 29 دقيقة إجمالاً

# متوازي: max(8, 6, 10, 5) = 10 دقائق إجمالاً
# توفير 65% من الوقت

# المشكلة: التعديلات المتوازية لنفس الملف تسبب تعارضات

# الحل: كل مهمة تعدّل ملفات مختلفة
> Avatar only touches avatar.ts files
> Export only touches export.ts files
> Don't modify index.ts (I'll register routes manually)

Claude Code:
  Sub-agent 1 [avatar files] → ✅
  Sub-agent 2 [export files] → ✅
  Main agent: Generates route registration code for manual insertion

المهمة الأصلية: "ترحيل المشروع من REST إلى GraphQL"

التفكيك:
1. تعريف GraphQL Schema (مستقل)
2. إنشاء User Resolver (مستقل، بعد Schema)
3. إنشاء Order Resolver (مستقل، بعد Schema)
4. إنشاء Payment Resolver (مستقل، بعد Schema)
5. إضافة DataLoader لتحسين N+1 (مستقل)
6. ترحيل طبقة المسارات (بعد جميع Resolvers)
7. حذف مسارات REST القديمة (الخطوة الأخيرة)

# المرحلة 1: Schema → /checkpoint "schema-complete"
# المرحلة 2: Resolvers المتوازية → /checkpoint "resolvers-complete"
# المرحلة 3: ترحيل المسارات → /checkpoint "migration-complete"
# التحقق: جميع 134 اختباراً نجحت ✅

المرحلة 1 (Schema):    $0.45
المرحلة 2 (Resolvers): $2.30 (4 وكلاء فرعيين)
المرحلة 3 (الترحيل): $1.80
الإجمالي:               $4.55

مقابل التطوير اليدوي: ~4 ساعات × $50/ساعة = $200+