The Ultimate Engineering Encyclopedia

Tüm Sistem,
Tek Rehber.

Slash komutları, otonom ajanlar, repolar, animasyon kütüphaneleri ve üretim odaklı iş akışları — eksiksiz.

/Slash Komutları Ansiklopedisi

🔧 Temel & Sistem

/new Token Tasarrufu

Temiz sohbet açar, hafızayı sıfırlar. Her yeni büyük görevde kullanın.

/init-deep Kritik

Projeyi derinlemesine tarar, AGENTS.md yazar. Yeni projeye başlarken ilk komutunuz bu olsun.

/mcps

Aktif MCP sunucularını listeler ve yönetir. Hata veren biri varsa buradan resetleyin.

/supermemory-init

Projeyi uzun süreli vektör hafızasına kaydeder. Ajanlar konuşmalar arası bağlamı hatırlar. Haftada bir çalıştırın.

/handoff

Seans sonu özeti üretir. Yarıda bırakıp gidecekseniz çalıştırın, ertesi gün bu raporla devam edin.

🔄 Otonom Döngüler (Loops)

/ulw-loop Autopilot

Ultra Work Loop. Onay beklemeden: Planla → Uygula → Test et → Devam et. Plan netleştikten sonra kullanın.

/ralph-loop Self-Healing

Hata aldığında durmaz; analiz eder, hipotez kurar, çözüm dener. Karmaşık refactor ve inatçı buglar için.

/stitch-loop

Google Stitch motoruyla iteratif UI tasarım döngüsü. Her turda görsel çıktı üretir ve geliştirir.

⚡ Mühendislik Komutları (Superpowers)

/brainstorming

Mimariyi tartışır. "Hangi DB?", "Hangi yaklaşım?"

/writing-plans

Görevi adım adım plana döker.

/test-driven-development

Önce Test (Fail) → Sonra Kod (Pass).

/systematic-debugging

Bilimsel hata ayıklama: Hipotez → Log → Test.

/using-git-worktrees

Ana kodu bozmadan izole git dalı açar.

/dispatching-parallel-agents

Birden fazla alt-ajanı paralel çalıştırır.

/verification-before-completion

Görevi tamamlamadan önce doğrulama yapar.

/subagent-driven-development

Görevi özel yetenekli alt-ajanlara devreder.

/requesting-code-review

Detaylı kod incelemesi talep eder.

/finishing-a-development-branch

Dalı kapatma ve merge sürecini yönetir.

🎨 Tasarım & Frontend

/enhance-prompt

Kısa fikri profesyonel UI/UX prompt'una çevirir.

/design-md

Stitch projesini analiz edip kuralları DESIGN.md'ye kaydeder.

/react:components

Tasarımı modüler React + Tailwind bileşenlerine dönüştürür.

/shadcn-ui

Projeye Shadcn/UI kurar ve entegre eder.

/remotion

Proje için Remotion ile tanıtım videosu üretir.

🤖Ajan Kadrosu (oh-my-opencode)

oh-my-opencode, OpenCode'e 14 özelleşmiş ajan ekler. Ajanları @isim ile çağırın.

YÖNETİCİ

@sisyphus

Proje müdürü. Büyük işleri planlar, görev listesi oluşturur ve diğer ajanlara dağıtır.

@sisyphus Login sayfası ekle.
Görev listesi oluştur ve başla.
SORUN ÇÖZÜCÜ

@oracle

Hata dedektifi. Kodunuzdaki gizli hataları ve mantık açıklarını bulur, onarır.

@oracle Form gönderilince 500
hatası alıyorum. Sebebini bul.
TASIRIMCI

@frontend

UI/UX uzmanı. Stitch, React, animasyon ve görsel üretim görevlerini üstlenir.

@frontend Ana sayfayı dark mode
ve mobil uyumlu yap.
MİMAR

@promethus

Sistem mimarı. Yeni özellik, API veya altyapı tasarımı için başvurun.

@promethus Ödeme sistemi için
en iyi mimariyi öner.
BEYİN

@metis

Stratejist. Uzun vadeli kararlar, teknik borç ve refactor stratejileri için.

@metis Bu projeyi nasıl
ölçeklendirebilirim?
KÜTÜPHANE

@librarian

Bilgi yöneticisi. KI (Knowledge Item) oluşturur, proje dokümantasyonunu düzenler.

@librarian Bu konu hakkında
bilgimi belgele.
GÖRSEL ANALİZ

@multimodal-looker

Ekran görüntüsü ve görsel analiz uzmanı. Bir tasarımın ya da hatanın ekran görüntüsünü gönderin, analiz etsin ve çözüm önersin.

@multimodal-looker [ekran görüntüsü] Bu tasarımdaki UI/UX sorunlarını belirt ve nasıl düzelteceğini kodla anlat.

📦Sistem Repoları ve Davranışları

Bu repolar _AI_TOOLS/ altında kurulu. Sisteminizin çekirdek yeteneklerini oluştururlar.

TEMEL ALTYAPI — Otomatik

oh-my-opencode

anomalyco/oh-my-opencode

Kurulu & Aktif

OpenCode'e ajan kadrosu, hook sistemi ve skill yükleyicisini ekleyen çekirdek plugin. Açtığınız anda devrededir. Üç katmanlı MCP sistemi sayesinde global, proje ve kullanıcı seviyesinde yapılandırma yapılabilir.

Kullanım Durumu

Belirtmenize gerek yok — her zaman arka planda çalışır.

TASARIM MCP — Slash ile Aktif

stitch-mcp

Google Stitch görsel üretim motoru

MCP: Aktif

Google'ın Stitch AI motoru ile doğal dilde UI tasarımı yapılmasını sağlar. Ajanlar bu MCP aracılığıyla gerçek zamanlı önizlemeli arayüz üretir ve iterasyon döngüsü uygular.

Kullanım Durumu

Profesyonel UI üretmek istediğinizde "/stitch-loop" ile tetikleyin.

/stitch-loop Koyu temalı bir analitik paneli tasarla.
MÜHENDİSLİK SKİLLERİ — Slash ile Aktif

superpowers

Anomaly Co. mühendislik yetenekleri paketi

14 ileri seviye mühendislik skill'i sunar. Hata ayıklamadan TDD'ye, paralel ajan koordinasyonundan code review'e kadar her mühendislik sürecini sistematize eder. Slash komutuyla bilinçli olarak çağrılır.

Dahil Edilen Yetenekler
brainstorming writing-plans executing-plans systematic-debugging test-driven-development using-git-worktrees dispatching-parallel-agents verification-before-completion

🔄İleri Seviye İş Akışları

A Sıfır Hata ile Yeni Özellik Ekle

1/init-deep ile projeyi sisteme tanıt
2/using-git-worktrees ile güvenli dal aç
3/writing-plans ile adım adım planla
4/ulw-loop ile otopilotta uygula
5/verification-before-completion ile doğrula
Bu akış üretim kodunu bozma riskini sıfıra indirir. Git worktrees sayesinde ana dal her zaman temiz kalır ve sadece onaylanmış, test edilmiş kod birleştirilir.

B Fikirden Ürüne (Tasarım → Kod)

1/enhance-prompt ile fikri netleştir
2/stitch-loop ile görsel prototip üret
3/design-md ile tasarım kurallarını kaydet
4/react:components ile koda dönüştür
5@frontend ile animasyon ve polish ekle
"Tasarım tamamlanmadan kodlamaya başlama" prensibi. Geri dönüş maliyetini minimuma indirir. DESIGN.md, UI tutarlılığını garanti eder.

Premium Animasyon Rehberi

🎬 Animasyon Yığını

GSAP + ScrollTrigger Timeline & Scroll
Three.js 3D & WebGL
Anime.js Mikro-etkileşim
Framer Motion React Geçişleri
Locomotive Sinematik Scroll

✍️ Hazır Prompt Şablonları

GSAP — Büyük Animasyonlar
@frontend GSAP ScrollTrigger ile hero başlığını harf harf stagger animasyonuyla göster.
Three.js — 3D Efektler
@frontend Three.js ile mouse'a tepki veren 3D parçacık arka planı ekle. Koyu nebula teması.
Anime.js — Mikro-etkileşimler
@frontend Anime.js kullanarak 'Satın Al' butonunu hover'da elastik sektir.
⚠️

Performans Altın Kuralı

Ajanlara her zaman şunu belirtin: "Only animate transform and opacity." Asla width, height, top gibi değerleri animasyonla değiştirmeyin; tarayıcıyı yavaşlatır (reflow/repaint).