- multi-{plan,execute,backend,frontend,workflow}.md: add an in-file
prerequisite note for the external ccg-workflow runtime. README.md already
warns these commands need codeagent-wrapper and the .ccg prompt tree, but
users meeting them via the installed slash commands never see the README;
the commands-core module still installs all five by default
- quality-gate.md: describe what scripts/hooks/quality-gate.js actually does.
The doc advertised '/quality-gate [path] [--fix] [--strict]' with lint/type
checks, but the script reads the file path from hook stdin JSON, toggles
behavior via ECC_QUALITY_GATE_FIX / ECC_QUALITY_GATE_STRICT env vars, and
runs formatters only (Biome/Prettier, gofmt, ruff format)
- claude-devfleet SKILL.md: add a Setup section pointing at the DevFleet
server repository (github.com/LEC-AI/claude-devfleet, already disclosed in
mcp-configs/mcp-servers.json) plus the SECURITY.md port-verification note;
the skill previously assumed a running instance with no way to obtain one
- regenerate docs/COMMAND-REGISTRY.json for the quality-gate description
5.8 KiB
Frontend - Frontend Odaklı Geliştirme
Frontend odaklı iş akışı (Research → Ideation → Plan → Execute → Optimize → Review), Gemini liderliğinde.
Ön koşul: Bu komut, temel ECC kurulumunun parçası olmayan harici
ccg-workflowruntime'ını gerektirir. Bu komutun bağımlı olduğu~/.claude/bin/codeagent-wrapperve~/.claude/.ccg/prompts/*rol dosyalarını sağlamak içinnpx ccg-workflowkomutuyla başlatın. Bu runtime olmadan bu komut düzgün çalışmaz.
Kullanım
/frontend <UI task açıklaması>
Context
- Frontend task: $ARGUMENTS
- Gemini liderliğinde, Codex yardımcı referans için
- Uygulanabilir: Component tasarımı, responsive layout, UI animasyonları, stil optimizasyonu
Rolünüz
Frontend Orkestratörsünüz, UI/UX görevleri için multi-model işbirliğini koordine ediyorsunuz (Research → Ideation → Plan → Execute → Optimize → Review).
İşbirlikçi Modeller:
- Gemini – Frontend UI/UX (Frontend otoritesi, güvenilir)
- Codex – Backend perspektifi (Frontend görüşleri sadece referans için)
- Claude (self) – Orkestrasyon, planlama, execution, teslimat
Multi-Model Çağrı Spesifikasyonu
Çağrı Sözdizimi:
# Yeni session çağrısı
Bash({
command: "~/.claude/bin/codeagent-wrapper {{LITE_MODE_FLAG}}--backend gemini --gemini-model gemini-3-pro-preview - \"$PWD\" <<'EOF'
ROLE_FILE: <role prompt path>
<TASK>
Requirement: <enhanced requirement (veya enhance edilmediyse $ARGUMENTS)>
Context: <önceki fazlardan proje context'i ve analiz>
</TASK>
OUTPUT: Expected output format
EOF",
run_in_background: false,
timeout: 3600000,
description: "Brief description"
})
# Session devam ettirme çağrısı
Bash({
command: "~/.claude/bin/codeagent-wrapper {{LITE_MODE_FLAG}}--backend gemini --gemini-model gemini-3-pro-preview resume <SESSION_ID> - \"$PWD\" <<'EOF'
ROLE_FILE: <role prompt path>
<TASK>
Requirement: <enhanced requirement (veya enhance edilmediyse $ARGUMENTS)>
Context: <önceki fazlardan proje context'i ve analiz>
</TASK>
OUTPUT: Expected output format
EOF",
run_in_background: false,
timeout: 3600000,
description: "Brief description"
})
Role Prompts:
| Phase | Gemini |
|---|---|
| Analysis | ~/.claude/.ccg/prompts/gemini/analyzer.md |
| Planning | ~/.claude/.ccg/prompts/gemini/architect.md |
| Review | ~/.claude/.ccg/prompts/gemini/reviewer.md |
Session Reuse: Her çağrı SESSION_ID: xxx döndürür, sonraki fazlar için resume xxx kullan. Phase 2'de GEMINI_SESSION kaydet, Phase 3 ve 5'te resume kullan.
İletişim Yönergeleri
- Yanıtlara mode etiketi
[Mode: X]ile başla, ilk[Mode: Research] - Katı sıra takip et:
Research → Ideation → Plan → Execute → Optimize → Review - Gerektiğinde kullanıcı etkileşimi için
AskUserQuestiontool kullan (örn., onay/seçim/approval)
Ana İş Akışı
Phase 0: Prompt Enhancement (İsteğe Bağlı)
[Mode: Prepare] - ace-tool MCP mevcutsa, mcp__ace-tool__enhance_prompt çağır, orijinal $ARGUMENTS'ı sonraki Gemini çağrıları için enhanced sonuçla değiştir. Mevcut değilse, $ARGUMENTS'ı olduğu gibi kullan.
Phase 1: Research
[Mode: Research] - Requirement'ları anla ve context topla
- Code Retrieval (ace-tool MCP mevcutsa): Mevcut component'leri, stilleri, tasarım sistemini almak için
mcp__ace-tool__search_contextçağır. Mevcut değilse, built-in tool'ları kullan: dosya keşfi içinGlob, component/stil araması içinGrep, context toplama içinRead, daha derin keşif içinTask(Explore agent). - Requirement tamamlılık skoru (0-10): >=7 devam et, <7 dur ve tamamla
Phase 2: Ideation
[Mode: Ideation] - Gemini liderliğinde analiz
Gemini'yi MUTLAKA çağır (yukarıdaki çağrı spesifikasyonunu takip et):
- ROLE_FILE:
~/.claude/.ccg/prompts/gemini/analyzer.md - Requirement: Enhanced requirement (veya enhance edilmediyse $ARGUMENTS)
- Context: Phase 1'den proje context'i
- OUTPUT: UI fizibilite analizi, önerilen çözümler (en az 2), UX değerlendirmesi
SESSION_ID'yi kaydet (GEMINI_SESSION) sonraki faz yeniden kullanımı için.
Çözümleri çıktıla (en az 2), kullanıcı seçimini bekle.
Phase 3: Planning
[Mode: Plan] - Gemini liderliğinde planlama
Gemini'yi MUTLAKA çağır (session'ı yeniden kullanmak için resume <GEMINI_SESSION> kullan):
- ROLE_FILE:
~/.claude/.ccg/prompts/gemini/architect.md - Requirement: Kullanıcının seçtiği çözüm
- Context: Phase 2'den analiz sonuçları
- OUTPUT: Component yapısı, UI akışı, stillendirme yaklaşımı
Claude planı sentezler, kullanıcı onayından sonra .claude/plan/task-name.md'ye kaydet.
Phase 4: Implementation
[Mode: Execute] - Kod geliştirme
- Onaylanan planı kesinlikle takip et
- Mevcut proje tasarım sistemi ve kod standartlarını takip et
- Responsiveness, accessibility sağla
Phase 5: Optimization
[Mode: Optimize] - Gemini liderliğinde review
Gemini'yi MUTLAKA çağır (yukarıdaki çağrı spesifikasyonunu takip et):
- ROLE_FILE:
~/.claude/.ccg/prompts/gemini/reviewer.md - Requirement: Aşağıdaki frontend kod değişikliklerini incele
- Context: git diff veya kod içeriği
- OUTPUT: Accessibility, responsiveness, performans, tasarım tutarlılığı sorunlar listesi
Review geri bildirimlerini entegre et, kullanıcı onayından sonra optimizasyonu çalıştır.
Phase 6: Quality Review
[Mode: Review] - Nihai değerlendirme
- Plana karşı tamamlılığı kontrol et
- Responsiveness ve accessibility doğrula
- Sorunları ve önerileri raporla
Ana Kurallar
- Gemini frontend görüşleri güvenilir
- Codex frontend görüşleri sadece referans için
- Harici modellerin sıfır dosya sistemi yazma erişimi
- Claude tüm kod yazma ve dosya operasyonlarını yönetir