AI ile kodlanan her web sitesi neden birbirinin aynısı görünüyor? Bunu çözmek için 400+ kurallık açık kaynak bir kütüphane yaptım
---
Claude Code, Codex gibi AI coding agent'larla üretilen web sitelerinin ortak bir sorunu var: hepsi aynı kalıptan çıkmış gibi duruyor. Jenerik gradyanlar, aynı 3 font, ortalanmış hero bölümü, aynı fade-up animasyonu, anlamsız dönen 3D bloblar. Sorunun kaynağı modelin kendisi değil, ona verdiğimiz bağlam (context) — o yüzden çıktıyı değil, girdiyi düzeltmeye çalıştım.
Ne yaptım
Creative Web Intelligence adında bir tasarım karar kütüphanesi hazırladım — 403 kural ve 340+ tarif:
- Tipografi: 45 kural
- Renk: 102 kural
- Layout: 40 kural
- Motion: 52 kural
- 3D/WebGL: 92 kural
- Interaction: 30 kural
- Anti-generic / "AI kokusu" engelleme: 42 kural
Üstüne bir de v6 katmanı var: hangi anda hangi medyanın (statik görsel mi, video mu, 3D mi) yeterli olacağına karar veren bir Medya Karar Motoru, 3D'nin gerçekten gerekli olup olmadığını sorgulayan bir 3D Director, kamera/sinematografi kuralları ve teslim öncesi tasarımı bloklayabilen kalite kapıları (quality gates).
Nasıl kullanılıyor
Claude Code skill formatında paketlendi (`SKILL.md` var) — repoyu projene ya da Claude Code skill klasörüne atıyorsun, kreatif/portföy tarzı bir iş yaparken otomatik devreye giriyor. Skill formatını kullanmıyorsan prompts/v6/MASTER_META_PROMPT_V6.md dosyasını doğrudan context olarak herhangi bir agent'a verebilirsin. İki Python doğrulayıcı (`tools/v5/authenticity_check.py`, tools/v6/validate_v6.py) ile üretilen kodu "AI kokuyor mu" diye gerçekten test edebiliyorsun.
Önerilen modeller
Birincil olarak Claude (Sonnet/Opus, Claude Code üzerinden) ile geliştirildi ve test edildi — medya karar motoru ve director yönlendirmeleri en iyi orada çalışıyor. Ama düz markdown + JSON olduğu için Codex/GPT tabanlı agent'larla veya Cursor'la da kullanılabilir, sadece otomatik skill yüklemesi olmuyor, master prompt'u elle vermen gerekiyor.
Repo (tamamen açık kaynak): https://github.com/r0ine/creative-web-intelligence
Deneyip bir proje çıkaran olursa sitenizi yorumlarda paylaşırsanız çok sevinirim, ayrıca eksik/yanlış giden kurallar için önerilerinize de açığım.
---
Claude Code, Codex gibi AI coding agent'larla üretilen web sitelerinin ortak bir sorunu var: hepsi aynı kalıptan çıkmış gibi duruyor. Jenerik gradyanlar, aynı 3 font, ortalanmış hero bölümü, aynı fade-up animasyonu, anlamsız dönen 3D bloblar. Sorunun kaynağı modelin kendisi değil, ona verdiğimiz bağlam (context) — o yüzden çıktıyı değil, girdiyi düzeltmeye çalıştım.
Ne yaptım
Creative Web Intelligence adında bir tasarım karar kütüphanesi hazırladım — 403 kural ve 340+ tarif:
- Tipografi: 45 kural
- Renk: 102 kural
- Layout: 40 kural
- Motion: 52 kural
- 3D/WebGL: 92 kural
- Interaction: 30 kural
- Anti-generic / "AI kokusu" engelleme: 42 kural
Üstüne bir de v6 katmanı var: hangi anda hangi medyanın (statik görsel mi, video mu, 3D mi) yeterli olacağına karar veren bir Medya Karar Motoru, 3D'nin gerçekten gerekli olup olmadığını sorgulayan bir 3D Director, kamera/sinematografi kuralları ve teslim öncesi tasarımı bloklayabilen kalite kapıları (quality gates).
Nasıl kullanılıyor
Claude Code skill formatında paketlendi (`SKILL.md` var) — repoyu projene ya da Claude Code skill klasörüne atıyorsun, kreatif/portföy tarzı bir iş yaparken otomatik devreye giriyor. Skill formatını kullanmıyorsan prompts/v6/MASTER_META_PROMPT_V6.md dosyasını doğrudan context olarak herhangi bir agent'a verebilirsin. İki Python doğrulayıcı (`tools/v5/authenticity_check.py`, tools/v6/validate_v6.py) ile üretilen kodu "AI kokuyor mu" diye gerçekten test edebiliyorsun.
Önerilen modeller
Birincil olarak Claude (Sonnet/Opus, Claude Code üzerinden) ile geliştirildi ve test edildi — medya karar motoru ve director yönlendirmeleri en iyi orada çalışıyor. Ama düz markdown + JSON olduğu için Codex/GPT tabanlı agent'larla veya Cursor'la da kullanılabilir, sadece otomatik skill yüklemesi olmuyor, master prompt'u elle vermen gerekiyor.
Repo (tamamen açık kaynak): https://github.com/r0ine/creative-web-intelligence
Deneyip bir proje çıkaran olursa sitenizi yorumlarda paylaşırsanız çok sevinirim, ayrıca eksik/yanlış giden kurallar için önerilerinize de açığım.